如何为禁用的html5输入文本字段启用html5验证?
问题描述:
就像在问题中一样,这正是我的要求。如何为禁用的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”未确认.. 。)
答
您可以添加选项“选择” 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问题的评论说...这工作,我更喜欢使用在选择框中选择,所以验证了选择框作品,用户被迫选择任何Dropbox的价值!谢谢。 – 2014-09-12 12:03:03
为什么不只是让需要的选择框? – 2014-09-12 11:42:45
...或在开始之前将默认值添加到框中? – CompanyDroneFromSector7G 2014-09-12 11:44:07
使需要的选择框,并给它一个空值,所以如果用户提交而不改变它不会验证 – 2014-09-12 11:45:51