BootstrapValidator

表单验证的使用:

function ValidatorUserInfo(){
  $(".form-container").bootstrapValidator({
       excluded: [':disabled',':hidden',not(":visible")],
       feedbackIcons: {
           validating: 'glyphicon glyphicon-refresh'
       },
       fields: {
           name: {//字段名
               validators: {
                   notEmpty: {//不能为空
                       message: '请输入商品名称'
                   },
                   //长度校验
                   stringLength: {
                       min: 1,
                       max:11,
                       message: '字符长度必须在1位到10位之间'
                   },
                   regexp: { //正则表达式
                       regexp: /^[a-zA-Z0-9_]+$/,
                       message: '用户名只能包含大写、小写、数字和下划线'
                   },
                   different: {  //比较
                       field: 'username', //需要进行比较的input name值
                       message: '密码不能与用户名相同'
                   },
                   identical: {  //比较是否相同
                       field: 'password',  //需要进行比较的input name值
                       message: '两次密码不一致'
                   },
                   remote: { // ajax校验,获得一个json数据({'valid': true or false})
                       url: 'user.php',       //验证地址
                       message: '用户已存在',   //提示信息
                       type: 'POST',          //请求方式
                       data: function(validator){  //自定义提交数据,默认为当前input name值
                           return {
                               act: 'is_registered',
                               username: $("input[name='username']").val()
                           };
                       }
                       callback: {//用于select的校验
                                        message: '请选择分支机构',
                                        callback: function (value, validator) {//这里可以自定义value的判断规则
                                            return value !== 0;
                                        }
                                    }
               }
         });
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值