引入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("通过验证");
}
}
详情: