$(function(){/*文档加载,执行一个函数*/$('#defaultForm')
.bootstrapValidator({
message:'This value is not valid',
feedbackIcons: {/*input状态样式图片*/valid:'glyphicon glyphicon-ok',
invalid:'glyphicon glyphicon-remove',
validating:'glyphicon glyphicon-refresh'},
fields: {/*验证:规则*/username: {//验证input项:验证规则
message: 'The username is not valid',
validators: {
notEmpty: {//非空验证:提示消息
message: '用户名不能为空'},
stringLength: {
min:6,
max:30,
message:'用户名长度必须在6到30之间'},
threshold :6 , //有6字符以上才发送ajax请求,(input中输入一个字符,插件会向服务器发送一次,设置限制,6字符以上才开始)
remote: {//ajax验证。server result:{"valid",true or false} 向服务发送当前input name值,获得一个json数据。例表示正确:{"valid",true}
url: 'exist2.do',//验证地址
message: '用户已存在',//提示消息
delay : 2000,//每输入一个字符,就发ajax请求,服务器压力还是太大,设置2秒发送一次ajax(默认输入一个字符,提交一次,服务器压力太大)
type: 'POST'//请求方式
/**自定义提交数据,默认值提交当前input value
* data: function(validator) {
return {
password: $('[name="passwordNameAttributeInYourForm"]').val(),
whatever: $('[name="whateverNameAttributeInYourForm"]').val()
};
}*/},
regexp: {
regexp:/^[a-zA-Z0-9_\.]+$/,
message:'用户名由数字字母下划线和.组成'}
}
},
password: {
message:'密码无效',
validators: {
notEmpty: {
message:'密码不能为空'},
stringLength: {
min:6,
max:30,
message:'用户名长度必须在6到30之间'},
identical: {//相同
field: 'password', //需要进行比较的input name值
message: '两次密码不一致'},
different: {//不能和用户名相同
field: 'username',//需要进行比较的input name值
message: '不能和用户名相同'},
regexp: {
regexp:/^[a-zA-Z0-9_\.]+$/,
message:'The username can only consist of alphabetical, number, dot and underscore'}
}
},
repassword: {
message:'密码无效',
validators: {
notEmpty: {
message:'用户名不能为空'},
stringLength: {
min:6,
max:30,
message:'用户名长度必须在6到30之间'},
identical: {//相同
field: 'password',
message:'两次密码不一致'},
different: {//不能和用户名相同
field: 'username',
message:'不能和用户名相同'},
regexp: {//匹配规则
regexp: /^[a-zA-Z0-9_\.]+$/,
message:'The username can only consist of alphabetical, number, dot and underscore'}
}
},
email: {
validators: {
notEmpty: {
message:'邮件不能为空'},
emailAddress: {
message:'请输入正确的邮件地址如:123@qq.com'}
}
},
phone: {
message:'The phone is not valid',
validators: {
notEmpty: {
message:'手机号码不能为空'},
stringLength: {
min:11,
max:11,
message:'请输入11位手机号码'},
regexp: {
regexp:/^1[3|5|8]{1}[0-9]{9}$/,
message:'请输入正确的手机号码'}
}
},
invite: {
message:'邀请码',
validators: {
notEmpty: {
message:'邀请码不能为空'},
stringLength: {
min:8,
max:8,
message:'请输入正确长度的邀请码'},
regexp: {
regexp:/^[\w]{8}$/,
message:'请输入正确的邀请码(包含数字字母)'}
}
},
}
})
.on('success.form.bv', function(e) {//点击提交之后
//Prevent form submission
e.preventDefault();//Get the form instance
var $form =$(e.target);//Get the BootstrapValidator instance
var bv = $form.data('bootstrapValidator');//Use Ajax to submit form data 提交至form标签中的action,result自定义
$.post($form.attr('action'), $form.serialize(), function(result) {//do something...
});
});
});