第一个或第二个输入表单需要
Posted
技术标签:
【中文标题】第一个或第二个输入表单需要【英文标题】:Required for the first or second input form 【发布时间】:2021-05-04 08:54:11 【问题描述】:我使用 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">
【问题讨论】:
【参考方案1】:如果要检查输入#1 或输入#2 是否已填充。我建议您编写一段 javascript 代码来检查它。如果您熟悉 java 脚本,请创建一个单独的 javascript 文件并编写一个函数来验证。或者你可以像下面这样在head标签里面放一个脚本标签。
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>
【讨论】:
【参考方案2】:我尝试编写脚本,但它不适合我。我做错了什么?
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().长度; $inputs.not(this).prop('required', !total); );
【讨论】:
以上是关于第一个或第二个输入表单需要的主要内容,如果未能解决你的问题,请参考以下文章
Discord.js 检查用户是不是具有第一个角色或第二个角色不起作用