javascript - Jquery 验证不起作用返回有效结果

Question

我有一个像这样的html，

<form id="create_campaign_form">
   <input type="text" name="campaign_name" id="campaign_name" >
</form>
<button id="validate_now" type="button" >OK</button>

我有一个带有 validate.js 的 jquery，例如，

  $.fn.validate_campaign=function(options){
  $("#create_campaign_form").validate({
        rules: {
            campaign_name  : "required",
           },
        messages:{      
            campaign_name   : "Please enter Campaign name",             
              },
 submitHandler: function(form) {
            alert(1);
            return true;
        }
    });
       $('#validate_now').click(function(){
          alert($('#create_campaign_form').valid());
       });
    }

     $(document).ready(function(){
         $(this).validate_campaign(); //Invoke on document ready

      });

我的问题是，当我在文本框中输入值并单击按钮时 alert($('#create_campaign_form').valid()); 总是返回 false 并且不进入submitHandler

Answer 1

检查这个FIDDLE

您需要提交您的表格。您的提交按钮应该位于表单内，否则您必须手动调用表单提交。以下

$('#validate_now').click(function(){
      $('#create_campaign_form').submit();
   });

如果表单有效，则输入您的提交处理程序并发出警报 1。