2014-09-12 93 views
1

就像在問題中一樣,這正是我的要求。如何爲禁用的html5輸入文本字段啓用html5驗證?

<!-- 
<?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」。(這是我想要的狀態)

現在假設;用戶提交表單時未選擇Dropbox, Dropbox的值將爲默認值 但由於用戶未點擊Dropbox,JS將無法正常工作且沒有值將被分配給輸入字段「5」,
所以表單會後空或沒有價值的輸入域「5」, 因爲輸入域「5」已禁用=「」 HTML5驗證工作不

JSFiddle demo(點擊提交按鈕,輸入域「5」未確認.. 。)

+0

爲什麼不只是讓需要的選擇框? – 2014-09-12 11:42:45

+0

...或在開始之前將默認值添加到框中? – CompanyDroneFromSector7G 2014-09-12 11:44:07

+1

使需要的選擇框,並給它一個空值,所以如果用戶提交而不改變它不會驗證 – 2014-09-12 11:45:51

回答

2

您可以添加選項「選擇」 Dropbox的(名字=「0」)如下所述的代碼。以便您可以驗證Dropbox。

<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> 

或者,您可以將默認值添加到輸入(name =「4」),如下所示。

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

如愛斯基摩和Len_D問題的評論說...這工作,我更喜歡使用<選項名稱=「a」值=「」>在選擇框中選擇,所以驗證了選擇框作品,用戶被迫選擇任何Dropbox的價值!謝謝。 – 2014-09-12 12:03:03