如何为禁用的html5输入文本字段启用html5验证?

时间:2014-09-12 11:39:52

标签: javascript php html5 html5-validation

在问题中,正是这是我的要求。

<!--
<?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,JS将无法正常工作,并且不会将任何值分配给输入字段“5”,
因此表单将为输入字段“5”发布空值或无值,  ,因为输入字段“5”已禁用=“”HTML5验证无法正常工作

JSFiddle demo(点击提交按钮,输入字段“5”未验证...)

1 个答案:

答案 0 :(得分:2)

您可以将选项“选择”添加到保管箱(名称=“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>