jquery - 表单验证，form.valid()有效，但form.validate()无效

Question

我的页面中有一个表单，我正在使用这里的验证 jquery 插件 http://jqueryvalidation.org/

我的表格是:

 <form action="sendform.action" id="myform" method="post" name="myform">
  <fieldset>
       <label>Name:*</label> 
       <input id="cname" name="cname" type="text" value="" required/>
  </fieldset>
 <fieldset>
       <label>Email:*</label> 
       <input id="cmail" name="cmail" type="text" value="" required/>
  </fieldset>
  <fieldset>
       <label>Phone:*</label> 
       <input id="cphone" name="cphone" type="text" value="" required/>
  </fieldset>

  <div class="submit-button">
    <a href="#">Send</a>
  </div>
 </form>    

和我的 JavaScript:

$(".submit-button").click(function(){

    /*$("#myform").valid();*/
    $("#myform").validate({
        rules: {
            cphone: {
              required: true,
              number: true
            }
        },
        submitHandler: function(form) {
            $(this).submit();
        }
    });
});

问题是这个东西不起作用。我没有收到任何错误日志，所以我不知道出了什么问题。另外，如果我使用 $("#myform").valid();相反它有效。只有 .validate() 不起作用。有人有主意吗？提前致谢

Answer 1

validate() 函数是将验证器绑定(bind)到表单并设置其规则的初始化方法。 valid() 函数执行验证并返回 true 或 false，具体取决于您的表单输入值是否通过了所有规则。