簡體   English   中英

如何為禁用的html5輸入文本字段啟用html5驗證?

[英]how to enable html5 validation for a disabled html5 input text field?

就像這個問題一樣,這正是我的要求。

<!--
<?php
my php code here...
?>
-->


<!DOCTYPE HTML>
<form action="">

<select name="0" required="" >
    <option name="1" value="1"> 1 </option>
    <option name="2" value="2"> 2 </option>
</select><br>  
<!--choosing or changing above select box will assign value to input box "5" (using javascript and php db)-->    

<input name="3" type="text" required="" ><br>
<input name="4" type="text" disabled="" ><br>
<input name="5" type="text" required="" disabled=""><br>
<input type="submit" >
</form>
</html>
 <!-- i want to force user to choose select box before submiting form -->   

我希望輸入字段“ 5”不為空,我也不想用戶也手動編輯該字段。

我想要的是,當用戶在Dropbox中選擇或選擇一個項目時,我的JS和PHP將自動為輸入字段“ 5”分配一個值。(這是我想要的條件)

現在假設 用戶提交表單而未選擇保管箱,則保管箱值為默認值,但是由於用戶未單擊保管箱,因此JS無法使用,並且不會為輸入字段“ 5”分配任何值,
因此表單將為輸入字段“ 5”發布空白或無值, 因為禁用了輸入字段“ 5” =“” HTML5驗證無效

JSFiddle演示 (單擊提交按鈕,輸入字段“ 5”未驗證...)

您可以將選項“選擇”添加到保管箱(名稱=“ 0”),如下所述。 這樣您就可以驗證保管箱。

<select name="0" required= >
  <option name="1" value="">Select</option>
  <option name="1" value="1"> 1 </option>
  <option name="2" value="2"> 2 </option>
</select>

或者,您可以將默認值添加到input(name =“ 4”),如下所示。

<input name="5" type="text" required="" disabled="" value="1"><br>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM