bootstrapvalidat cdn_bootstrap-validator使用详解（代码实例）

这次给大家带来bootstrap-validator使用详解，使用bootstrap-validator的注意事项有哪些，下面就是实战案例，一起来看一下。

需要的js、css和img在下面都有说明，耐心点读！

需要的js文件: jquery.min.js，bootstrapValidator.min.js，bootstrap-validator-default.js(自定义的一个默认配置文件，是个人写的，非官方文件)

前两个文件cdn上都有，bootstrap-validator-default.js内容如下：/*默认规则 start*///ip格式$.fn.bootstrapValidator.validators.ip = { //message: "ip格式不正确"

validate: function(validator, $field, options) { var value = $field.val(),

ipReg = /^(?:25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)\.(?:25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)\.(?:25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)\.(?:25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)$/; if (value === '') { return true;

} return ipReg.test(value);

}

};//password格式$.fn.bootstrapValidator.validators.pw = { //message: "必须包含数字、英文字母、特殊字符"

validate: function(validator, $field, options) { var value = $field.val(),

ipReg = /.*(?=.*\d)(?=.*[a-zA-Z])(?=.*[~!@#$%^&*_])./;

if (typeof value != 'string' || !ipReg.test(value)) { return false;

} return true;

}

};//不允许有空格$.fn.bootstrapValidator.validators.noSpace = { //message: "必须包含数字、英文字母、特殊字符"

validate: function(validator, $field, options) { var value = $field.val(); if (typeof value != 'string' || value.indexOf(' ') > -1) { return false;

} return true;

}

};//网关格式$.fn.bootstrapValidator.validators.mask = { //message: "网关不可达"

validate: function(validator, $field, options) { var ipArr = $field.parent().parent().find('input[name="ip"]').val().split('.'),

gatewayArr = $field.parent().parent().find('input[name="gateway"]').val().split('.'),

value = $field.val(),

netmaskArr = value.split('.'),

len = 4,

i = 0; if (ipArr.length !== len || gatewayArr.length !== len || netmaskArr.length !== len) { return false;

} for (; i < len; i++) { if ((ipArr[i] & netmaskArr[i]) !== (gatewayArr[i] & netmaskArr[i])) { return false;

}

} return true;

}

};//邮箱 表单验证规则$.fn.bootstrapValidator.validators.mail = { //message: "邮箱格式不正确"

validate: function(validator, $field, options) { var mail = /^[a-z0-9._%-]+@([a-z0-9-]+\.)+[a-z]{2,4}$/,

value = $field.val(); return mail.test(value);

}

};//电话验证规则$.fn.bootstrapValidator.validators.phone = { //message: "0371-68787027"

validate: function(validator, $field, options) { var phone = /^0\d{2,3}-\d{7,8}$/,

value = $field.val(); return phone.test(value);

}

};//区号验证规则$.fn.bootstrapValidator.validators.ac = { //message: "区号如：010或0371"

valid