javascript - 如何为禁用的 HTML 输入文本字段启用 HTML 验证

标签 javascript php html forms validation

如何为已禁用的 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/

相关文章:

javascript - document.getElementById insideHTML 不在循环中工作

javascript - ASP :Net Required field turn control back color red for validation groups

javascript - UL 内的 ng-repeat(位于 P 内)不起作用

php - 如何使用变量从php mysql中的两个表中减去

javascript - 返回未定义且所有变量正确

javascript - 在 Javascript 中添加到元素的链接? (当前方法存在风险 "bad javascript?")

javascript - VSCode 调试器弄乱了相对路径

php - 如何在 codeigniter 中显示 mysql 数据库中的泰米尔语内容

php - 带有 JSON 数据的 jqGrid 将表呈现为空

php - 刷新页面创建的空行