如何删除Jquery验证点击一个按钮

Question

我有一个表单，我正在验证使用jQuery的Validator插件。

一切工作正常，除了这种情况。

Initaiily没有填写表格，点击提交按钮（验证消息被填充）

现在点击编辑按钮，一些默认值被添加到表单字段

我的问题是，一旦我点击编辑按钮，我如何删除验证部分？

$(function() { 
    $('#mangementform').validate({ 
     rules: { 
      empid: { 
     required: true, 
     minlength: 3, 
     maxlength: 25, 
     digits: true, 
      label_exist:true 
    }, 
      empname: { 
     required: true, 
      minlength: 3, 
     maxlength: 25, 
     lettersonly:true 
    }, 
     }, 
     messages: { 
      empid: { 
       required: "id required " 
      }, 
      empname: { 
       required: "emp name required ", 
      } 
     }, 
     submitHandler: function(event, validator) { 
      submitMangementForm(); 
      return false; 
     } 
    }); 
}); 

function submitMangementForm() 
{ 
    $("#empid").val(''); 
    $("#empname").val(''); 
    alert('ajax call to submit to Database'); 
} 

$(document).on('click', '.editbtn', function (e) { 
    $("#empid").val('123'); 
    $("#empname").val('test'); 

}); 

我想diable验证只为编辑，而不是提交。

你能帮我解决吗？

http://jsfiddle.net/5RrGa/1413/

Answer 1

根据评论中的说明。您可以尝试在提交按钮上添加formnovalidate属性。

给导致提交的按钮提供一个id。

<button id="submitbutton" class="btn btn-primary pull-right">Submit</button> 

，然后里面编辑按钮单击事件处理程序中添加formnovalidate：

$(document).on('click', '.editbtn', function (e) { 
    $("#empid").val('123'); 
    $("#empname").val('test'); 
    // To Reset the previous error messages 
    $("#mangementform").validate().resetForm(); 
    $('#submitbutton').attr('formnovalidate',''); 

}); 

更新您的fiddle。