Question

我有以下表格：

<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

将函数绑定到表单的submit事件。如果任何表单字段未通过验证，则返回此函数中的false。

例如：

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

Answer 2

请试试这个：

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

Answer 3

表单验证有大量的Javascript和jQuery库...我的sugestion是一个简单的jquery.com plugin。

PS：jqxValidator是来自jQWidgets framework的方法吗？如果你（读者）不需要这么重/复杂的插件，请看下面的纯jQuery，否则@Gajotres写出最好的解决方案（！）。

仅使用jQuery和基本Javascript。

对于“插件库”和“编写自己的验证方法”，首先要检查是否需要直接使用jQuery。

这里有一个代码可以解决所有需要的问题：模糊，密钥和“提交时”验证。

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表单提交验证

3 个答案: