一、 validate的使用步骤
-
引入jquery.min.js
-
引入 jquery.validate.js
-
页面加载后对表单进行验证 $("#表单id名").validate({})
-
在validate中的rules中编写验证规则(格式如下)
1.字段的name属性:“校验器”(tisps:一个输入框只有一个校验器的时候使用)
2.字段的name属性:{校验器:值,校验器:值}(tips:输入框需要有多个校验器的时候使用) -
在validate中的messages中编写提示信息(tips格式与rules相对应)
-
在validate中的submitHandler中编写验证通过执行的内容
<form class="form-horizontal m-t" id="signupForm">
<div class="form-group">
<label class="col-sm-3 control-label">文件帖子id:</label>
<div class="col-sm-8">
<input id="fileid" name="fileid" class="form-control" type="text">
</div>
</div>
</form>
//页面初始化
$().ready(function() {
validateRule();
});
//校验,具体可百度更多规则validate
function validateRule() {
var icon = "<i class='fa fa-times-circle'></i> ";
$("#signupForm").validate({
rules : {
name : {
required : true
}
},
messages : {
name : {
required : icon + "请输入姓名"
}
}
})
}