jQuery的这个组件比其他ui组件灵活性更高,如果不是vue等项目,H5的话这个组件选择性是很高的
$(document).ready(function(){
$("#demoForm").validate({
rules:{
username:{
required:true,
minlength:2,
maxlength:10
},
password:{
required:true,
minlength:2,
maxlength:16
}
}
message:{
username:{
required:"必须填写用户名",
minlength:"用户名最小为2位",
maxlength:"用户名最大为10位"
}
password:{
required:"必须填写密码",
minlength:"密码最小为2位",
maxlength:"密码最大为16位"
}
}
})
})
使用该插件必须先引入jquery。
https;//plugins.jquery.com/tag/validate/
在js中调用 $(id).validate({ rules:{ username:{ required : true, // 必填 minLength: 2 //最小长度为2 maxLength:10 // 最大长度为10 } }, message:{ username:{ required:"此项不能为空",//若没填显示提示信息 minLength: "最小长度为2", maxLength: "最大长度为10" } } })