2014-09-12 126 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