如何为已禁用的 HTML 输入文本字段启用 HTML 验证?
这是我的代码:
<!--
<?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”设置为 disabled=""
,HTML 验证不起作用
JSFiddle demo (点击提交按钮可以看到输入字段“5”没有验证)
最佳答案
您可以将“选择”选项添加到 dropbox(name="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>
或者您可以将默认值添加到输入(name="4"),如下所示。
<input name="5" type="text" required="" disabled="" value="1"><br>
关于javascript - 如何为禁用的 HTML 输入文本字段启用 HTML 验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25807479/