引入<script src="jquery.validate.js"></script>
$("#basic_validate").validate({
rules:{
title:{
required:true
},
content:{
required:true
},
contact_email:{
required: true,
checkEmail:true
},
contact_mobile:{
required:true,
checkMobile:true
},
},
errorClass: "help-inline",
errorElement: "span",
highlight:function(element, errorClass, validClass) {
$(element).parents('.control-group').addClass('error');
},
unhighlight: function(element, errorClass, validClass) {
$(element).parents('.control-group').removeClass('error');
$(element).parents('.control-group').addClass('success');
}
});
$.validator.addMethod("checkEmail",function(value,element,params){
var checkEmail = /^[a-z0-9]+@([a-z0-9]+\.)+[a-z]{2,4}$/i;
return this.optional(element)||(checkEmail.test(value));
},"*请输入正确的邮箱!");
$.validator.addMethod("checkMobile",function(value,element,params){
var checkMobile = /^1[3|4|5|8][0-9]\d{4,8}$/;
return this.optional(element)||(checkEmail.test(value));
},"*请输入正确的手机号码!");
});