Jquery 单击时进行表单验证

Question

我有一个包含多个输入的表单，我需要在单击按钮时验证它们。
我遇到的问题是，如果有多个必填字段，似乎调用 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

Answer 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" />

    <input id="btn" type="button" value="Validate" />

</form>

Answer 2

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

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

Jquery 单击时进行表单验证

Jquery form validation on click

javascript

jquery

jquery-validate