Question

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

相关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" />
      <div>
        <input id="btn" type="button" value="Validate" />
      </div>
    </form>

Answer 2

为表单

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

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

单击时Jquery表单验证

2 个答案: