第一个或第二个输入表单需要答案

【问题标题】：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">

【问题讨论】：

标签： forms bootstrap-4 required

【解决方案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); });

【讨论】：