Jquery表单提交验证

eda*_*lij 9 validation jquery jqxwidgets

我有以下表格:

<form id="testForm" action="country_Save">
   Country Name:<input type="text" id="countryName" />  
   <input type="submit" id='saveCountry' value="Add Country" />
</form>
Run Code Online (Sandbox Code Playgroud)

并遵循JQuery验证文本字段

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

我在提交表单时如何使用此验证?

Sou*_*mya 11

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

例如:

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

  • OK谢谢。能否请您使用上面的jquery函数显示一个示例。 (2认同)

Gaj*_*res 8

请试试这个:

     $('#testForm').on('submit', function() {
         return $('#testForm').jqxValidator('validate');
     });
Run Code Online (Sandbox Code Playgroud)