如何解决第一个或第二个输入表单需要
我使用 Bootstrap 4.5,可以检查表单的填写,例如插入 required。
<input type="text" class="form-control" name="name_1" required>
我如何检查需要填写输入 #1 或输入 #2 的位置?
<input type="text" class="form-control" name="name_1">
<input type="text" class="form-control" name="name_2">
解决方法
如果要检查 input#1 OR input#2 是否已填充。我建议你写一段 javascript 代码来检查一下。如果您熟悉 java 脚本,请创建一个单独的 javascript 文件并编写一个函数来验证。或者你可以在 head 标签中放置一个 script 标签,如下所示。
Javascript 验证:
<head>
<script>
function validateForm(){
if(document.myform.input1.value == "" || document.myform.input2.value == ""){
alert("Both input1 and input2 should not be empty!");
}
}
</script>
</head>
HTML 表单:
<form name="myform" method="post" onsubmit="validateForm()" >
Input1: <input type="text" name="input1"><br/>
Input2: <input type="text" name="input2"><br/>
<input type="submit">
</form>
,
我试图写一个脚本,但它对我不起作用。我做错了什么?
var $inputs = $("input[name='name_1'],input[name='name_2']"); $inputs.on('input',function () {var total = $("input[name='name_1']").val().length + $("input[name='name_2']"). val().length; $inputs.not(this).prop('required',!total); });
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。