本文实例为大家分享了bootstrapValidator.min.js表单验证的具体代码,供大家参考,具体内容如下
注意:下载后全选复制并粘贴到新建js文件名为bootstrapValidator.min.js下即可。
测试代码:
& lt; !DOCTYPE html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> & lt;/title>
& lt; style>
表{
宽度:690 px;
}
th {
padding-left: 23%;
padding-bottom: 20 px;
}
td {
宽度:110 px;
}
b {
颜色:# f00;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; !——表单——比;
& lt; div类="卡通"比;
& lt;形式类=暗髌怠狈椒?皃ost”比;
& lt;表一致=爸行摹北?
& lt; th类=" perWl "对齐=白蟆眂olspan=?”在物流服务商& lt;/th>
& lt; tr>
& lt; td类=叭帧?罢贰钡目矶?" 100 "对齐在登陆名称:& lt;/td>
& lt; td类=皐lIcon图标”比;
& lt; s> & lt;/s>
& lt;输入类型="文本" name=" lgname最大长度=" 20 "/比;
& lt; b> * & lt;/b>
& lt; span> & lt;/span>
& lt;/td>
& lt;/tr>
& lt; tr>
& lt; td类="三"对齐=罢贰钡淖４敲苈?& lt;/td>
& lt; td类=皐lIcon图标”比;
& lt; s类=昂撩住弊４? lt;/s>
& lt;输入类型="密码" name="密码"最大长度=?8”/比;
& lt; b> * & lt;/b>
& lt; span> & lt;/span>
& lt;/td>
& lt;/tr>
& lt; tr>
& lt; td类="三"对齐=罢贰钡淖４侨啡厦苈?& lt;/td>
& lt; td类=皐lIcon图标”比;
& lt; s类=昂撩住弊４? lt;/s>
& lt;输入类型="密码" name="再经过"最大长度=?8”/比;
& lt; b> * & lt;/b>
& lt; span> & lt;/span>
& lt;/td>
& lt;/tr>
& lt; tr>
& lt; td类=" wlBtns "对齐=colspan=?”比“中心”;
& lt; s> & lt;/s>
& lt;按钮类型=疤峤弧弊４亲⒉? lt;/button>
& lt;按钮类==疤峤弧薄叭∠崩嘈偷脑谌∠? lt;/button>
& lt;/td>
& lt;/tr>
& lt;/table>
& lt;/form>
& lt;/div>
& lt;脚本src=" https://www.yisu.com/zixun/js/jquery-1.11.3.js "祝辞& lt;/script>
& lt;脚本src=" https://www.yisu.com/zixun/js/bootstrapValidator.min.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript祝辞/*表单验证*/var=true;//是否让表单提交
$(函数(){//提示信息===========================================$("输入[name=lgname] ") .focus(函数(){
如果($ ().val ()==this.defaultValue) {
(美元).val (”);
}
(){}).blur(功能
如果美元(这).val ()==? {
(美元).val (this.defaultValue);
}
});//当输入框失去焦点的时候,需要执行的方法
$("输入[name=lgname] ") .blur(函数(){doLgname ();});
$("输入[name=密码]").blur(函数(){doPassword ();});
$("输入[name=再经过]").blur(函数(){doRepass ();});
});//登陆名称的验证==========================函数doLgname () {
var t=$("输入[name=lgname] ");
var跨度=t.next ();
如果(/^ \ w {6、16} $/test (t.val ())) {
span.html(“填写正确”). css({颜色:“绿色”,字形大小:“12 px”});
返回true;
其他}{
span.html(“包含数字,字母,下划线,长度在-之间”). css({颜色:“# ec4e4e”,字形大小:“12 px”});
返回错误;
}
}//密码的验证==========================函数doPassword () {
var t=$("输入[name=密码]");
var跨度=t.next ();
如果(t.val ()==? {
span.html(“密码不能为空”). css({颜色:“# ec4e4e”,字形大小:“12 px”});
返回错误;
其他}{
span.html (");
如果(/15}/test (t.val ())) {
span.html(“密码长度不合法”);
返回错误;
}
返回true;
}
}//确认密码的验证==========================函数doRepass () {
var t=$("输入[name=再经过]");
var跨度=t.next ();
如果(t.val()==$(“输入[name=密码]”).val (),,t.val () !=") {
span.html(“填写正确”). css({颜色:“绿色”,字形大小:“12 px”});
返回true;
其他}{
span.html(“两次密码不一致”). css({颜色:“# ec4e4e”,字形大小:“12 px”});
返回错误;
}
}//数据提交的时候执行的方法
函数doTable () {
var lg=doLgname ();
通过var=doPassword ();
var再经过=doRepass ();
如果(lg&, pass&,再经过){
返回true;
其他}{
返回错误;
}
}
& lt;/script>
& lt;/body>
& lt;/html>
