jquery validate 不用submit方式验证表单或单个元素

最新推荐文章于 2019-11-01 15:56:58 发布

原创最新推荐文章于 2019-11-01 15:56:58 发布 · 349 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

javascript 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了使用jQuery进行表单验证的方法，包括整体表单验证及单个表单元素的验证。通过具体示例展示了如何在不同场景下实现有效的验证逻辑。

刚接触jquery不久，很多东西还不是很明白。点滴积累吧。

本笔记前提：正确引入jquery验证的相关文件

1、如果表单是submit方式提交，在提交时会自动验证。

2、如果不是submit提交，比如在js以方法中调用document.form.submit()方式，这时验证表单可用如下方式：


    function validateForm() {  
       //validate方法参数可选  
       return $("#form1").validate({  
           rules: {  
           },  
           messages:{  
           },  
           showErrors:showErrors  
       }).form();  
    }  

    function doSubmit(){  
        //do other things  
        //验证通过后提交  
         if(validateForm()){  
            document.form1.submit()  
        }  
    }

3、验证一个单独的表单元素


    function validateForm() {  
    //验证id="form1"的表单中id="salary"的表单元素  
       $("#form1").validate().element($("#salary"))  
    }