Jquery插件- form表单的验证

最新推荐文章于 2019-06-05 08:47:23 发布

passion_wo

最新推荐文章于 2019-06-05 08:47:23 发布

阅读量165

点赞数

分类专栏：前端文章标签： jquery validate form

@passion_wo

本文链接：https://blog.csdn.net/qq_38198897/article/details/86511436

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <title>form-validate-demo</title>

    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/additional-methods.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/additional-methods.min.js"></script>
    
</head>
<body>
    <form action="#" method="POST" id="form_validate">
        
        <label>名字:<input type="text" id="name" name="name"></label>
        <label for="">
            <input type="submit" value="submit">
        </label> 
    </form>

    <script>

        $('#form_validate').validate({
            rules: {
                name: {
                    required: true,
                    minlength: 2,
                    maxlength: 5
                }
            },
            submitHandler: function(form){
                $.ajax({
                ...
				});
            },
        })
    </script>
</body>
</html>

passion_wo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery插件- form表单的验证

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;form-validate-demo&lt;/title&gt; &lt;script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
复制链接

扫一扫

专栏目录