单击时的Jquery表单验证[重复]答案

【问题标题】：Jquery form validation on click [duplicate]单击时的Jquery表单验证[重复]
【发布时间】：2018-03-13 02:37:51
【问题描述】：

我有一个包含多个输入的表单，我需要通过单击按钮来验证它们。
我遇到的问题是，如果有多个必填字段，似乎对valid() 的调用仅验证第一个。其他字段省略。

$(function() {
  //simple example 1
  //click event for first button 
  $('#btn').click(function() {
    $("#form1").valid(); //validate form 1
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
<form id="form1" name="form1">
  Field 1: <input id="field1" type="text" class="required" />
  <br/>Field 2: <input id="field2" type="text" class="required" />
  <div>
    <input id="btn" type="button" value="Validate" />
  </div>
</form>

关联jsfiddle here

【问题讨论】：

标签： javascript jquery jquery-validate

【解决方案1】：

我用缺少的名称字段尝试了它，它工作正常。

<form id="form1" name="form1">
      Field 1: <input id="field1" type="text" name="field1" class="required" />
      <br/>Field 2: <input id="field2" type="text" name="field2" class="required" />
      <div>
        <input id="btn" type="button" value="Validate" />
      </div>
    </form>

【讨论】：

谢谢，添加名称字段解决了问题。非常感谢

【解决方案2】：

为表单上的所有字段添加输入

 $("#form1 input").valid();

【讨论】：