//方法扩展
$.validator.addMethod("isSpaceStr",function(value,element){
return this.optional(element)|| isSpace(value);
},"不能包含空格!");
var isSpace=function(str){
var temp=str.replace(/(^\s+)|(\s+$)/g, "");
if(temp.length==0){
return false;
}
return true;
}
//校验表单
var initCheckform = function(){
$('#dataForm').validate({
errorElement: 'div',
errorClass: 'help-inline',
focusInvalid: false,
ignore:"",
rules: {
value:{
required:true,
isSpaceStr:true
}
},
messages: {
value:{
required:"请输入内容!",
isSpaceStr:"内容不能有空格"
}
},
highlight: function (e) {
$(e).closest('.input-group').addClass('has-error');
},
success: function (e) {
$(e).prev('.input-group').removeClass('has-error');
$(e).prev('.input-group').addClass('has-success');
$(e).remove();
},
errorPlacement: function (error, element,b) {
var html = "";
if(element.is('input[type=hidden]')) {
html = error.insertAfter(element.parent());
}else
error.insertAfter(element.parent());
},
submitHandler: function (form) {
},
invalidHandler: function (form) {
}
});
}
$(function(){
//初始化表单校验
initCheckform();
})
引入以下js:
<script src="js/jquery.validate.min.js"></script>
<script src="js/jquery.validate.ext.js"></script>