jQuery的形式提交验证(Jquery form submit validation)

我有以下形式：

<form id="testForm" action="country_Save">
   Country Name:<input type="text" id="countryName" />  
   <input type="submit" id='saveCountry' value="Add Country" />
</form>

并按照JQuery的用于验证文本框

$('#testForm')
   .jqxValidator({  rules : [
          {
              input : '#countryName',
              message : 'Country Name is required!',
              action : 'keyup, blur',
              rule : 'required'
          }],
          theme : theme
});

我如何使用此验证，当我提交表单？

Answer 1:

试试这个请：

     $('#testForm').on('submit', function() {
         return $('#testForm').jqxValidator('validate');
     });

Answer 2:

绑定到一个函数submit表单的事件。 返回false这个功能，如果任何表单字段验证失败。

例如：

$('form').on('submit', function() {
    // do validation here
    if(/* not valid */)
        return false;
});

Answer 3:

表单验证具有广泛组JavaScript和jQuery库的...我sugestion是一个简单的jquery.com插件 。

PS： jqxValidator距离的方法jQWidgets框架 ？ 如果您（读者）不需要这么重/复杂的插件，参见下文纯jQuery的，否则@Gajotres所著的最佳解决方案（！）。

---

只使用jQuery和基本的JavaScript。

在这两方面，“塞库”和“写自己的验证方法”，第一次检查，如果直接使用jQuery的是你所需要的。

这里一个代码，做所有的问题，说什么需要：上模糊，KEYUP和“提交时”验证。

function validate(){
    var cnv = $('#countryName').val();
    if (!$.trim(cnv)) {
        alert('Country Name is required!');
        return false;
    } else { return true; }
}

$('#testForm').submit(validate);
$('#countryName').bind('blur keyup', validate);

文章来源: Jquery form submit validation