表单验证,form.valid()有效,但不是form.validate()

时间:2013-11-15 13:13:58

标签: jquery forms jquery-validate

我在页面中有一个表单,我在这里使用验证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”)。有效();相反它有效。 所以只有.validate()不起作用。有人有想法吗?提前致谢

1 个答案:

答案 0 :(得分:3)

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