bootstrap验证之bootstrapValidator

 $(function () {
        $('form').bootstrapValidator({
            message: '此值无效',
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                xingming: {
                    validators: {
                        notEmpty : {
                            message : '姓名不能为空!'
                        },
                        stringLength: {
                            min: 2,
                            message: '用户名长度必须大于2!'
                        },
                        regexp: {
                            regexp: /^[a-zA-Z\u4e00-\u9fa5]+$/,
                            message: '用户名不能有数字和字符!'
                        }
                    }
                },
                youxiang: {
                    validators: {
                       notEmpty : {
                            message : '邮箱不能为空!'
                        },
                        regexp: {
                            regexp: /^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/,
                            message: '请输入完整邮箱!'
                        }
                    }
                },
                shenfenzheng: {
                    validators: {
                        notEmpty : {
                            message : '身份证号码不能为空!'
                        },
                        regexp: {
                            regexp: /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/,
                            message: '身份证号码格式不正确,为15位和18位身份证号码!'
                        },
                        callback: {/*自定义,可以在这里与其他输入项联动校验*/
                            message: '身份证号码无效!',
                            callback:function(value, validator,$field){
                                //15位和18位身份证号码的正则表达式
                                var regIdCard = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/;
                                //如果通过该验证,说明身份证格式正确,但准确性还需计算
                                var idCard = value;
                                if (regIdCard.test(idCard)) {
                                    if (idCard.length == 18) {
                                        var idCardWi = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2); //将前17位加权因子保存在数组里
                                        var idCardY = new Array(1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2); //这是除以11后,可能产生的11位余数、验证码,也保存成数组
                                        var idCardWiSum = 0; //用来保存前17位各自乖以加权因子后的总和
                                        for (var i = 0; i < 17; i++) {
                                            idCardWiSum += idCard.substring(i, i + 1) * idCardWi[i];
                                        }
                                        var idCardMod = idCardWiSum % 11;//计算出校验码所在数组的位置
                                        var idCardLast = idCard.substring(17);//得到最后一位身份证号码
                                        //如果等于2,则说明校验码是10,身份证号码最后一位应该是X
                                        if (idCardMod == 2) {
                                            if (idCardLast == "X" || idCardLast == "x") {
                                                return true;
                                                //alert("恭喜通过验证啦!");
                                            } else {
                                                return false;
                                                //alert("身份证号码错误!");
                                            }
                                        } else {
                                            //用计算出的验证码与最后一位身份证号码匹配,如果一致,说明通过,否则是无效的身份证号码
                                            if (idCardLast == idCardY[idCardMod]) {
                                                //alert("恭喜通过验证啦!");
                                                return true;
                                            } else {
                                                return false;
                                                //alert("身份证号码错误!");
                                            }
                                        }
                                    }
                                } else {
                                    //alert("身份证格式不正确!");
                                    return false;
                                }
                            }
                        }
                    }
                },
				nianling: {
                    validators: {
                        notEmpty : {
                            message : '年龄不能为空!'
                        },
                        stringLength: {
                            min: 1,
                            max: 2,
                            message: '年龄太大了!'
                        },
                        regexp: {
                            regexp: /^[0-9]+$/,
                            message: '年龄只能为数字!'
                        }
                    }
                },
                dianhua: {
                    validators: {
                        notEmpty : {
                            message : '手机号码不能为空!'
                        },
                        regexp: {
                            regexp: /^1[345789]\d{9}$/,
                            message: '请输入完整手机号码!'
                        }
                    }
                },
                paiming: {
                    validators: {
                        notEmpty: {
                            message: '排名不能为空'
                        },
                        regexp: {
                            regexp: /^[0-9]+$/,
                            message: '排名只能为数字!'
                        }
                    }
                },
                file: {
                    validators: {
                        notEmpty: {
                            message: '学生免冠照片不能为空'
                        },
						file: {
                        extension: 'png,jpg,jpeg',
                        type: 'image/png,image/jpg,image/jpeg',
                        message: '请重新选择图片'
                        }

                    }
                }
            }
        });
    });

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值