jQuery Validate 表单验证 应用

引入js

<!-- jquery-validate 表单验证插件 -->

<script src="/validate/jquery.validate.min.js?v=1"></script>

<!-- jquery-validate 表单验证汉化提示插件 -->

<script src="/validate/messages_zh.js?v=1"></script> 

html

<form id="form">
    <input  type="text" name="userName"  placeholder="请输入用户名">
</form>

 js

    $("#form").validate({
            rules:{
                userName:{
                    required:true,
                }
            },
            messages:{
                userName: {
                    required:"请输入用户名",
                },
            }
        });

function submit(){
    if($("#form").validate().form()){
        alert("通过验证");
    }
}

 详情：

jQuery验证控件jquery.validate.js使用说明+中文APIhttps://www.cnblogs.com/hejunrex/archive/2011/11/17/2252193.html