bootstrapValidator API

导读:本篇文章讲解 bootstrapValidator API,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

 


      var Validate = $('#save_form').bootstrapValidator({
        message: 'This value is not valid',
        // excluded: [':disabled'], //[':disabled', ':hidden', ':not(:visible)']
        excluded: [":disabled"], //关键配置,表示只对于禁用域不进行验证,其他的表单元素都要验证
        feedbackIcons: {
          valid: 'glyphicon glyphicon-ok',
          invalid: 'glyphicon glyphicon-remove',
          validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
          name: {
            container: '#',
            message: '验证失败',
            trigger: "change",
            validators: {
              notEmpty: { message: '请输入产品名' },
              regexp: { regexp: /^[a-zA-Z0-9_]+$/, message: '用户名只能包含大写、小写、数字和下划线' },
              emailAddress: { message: '邮箱地址格式有误' },
              phone: { message: '请输入正确的手机号码', country: 'CN' },
              choice: { min: 2, max: 4, message: '请选择 %s - %s 项' },
              dentical: { field: 'pwd_again', message: '两次密码不相同' }, //判断与再次输入号码内容相同
              different: { field: 'username', message: '不能和username相同', },
              digits: { message: '只能为数字' },
              stringCase: { message: '必须大写', case: 'upper' },
              remote: { url: 'remote.php', message: '用户名不可用' },
              greaterThan: { value: 18, inclusive: true, message: '必须大于或等于18' },
              lessThan: { value: 100, inclusive: false, message: '必须小于100' },
              uri: {}, //判断网址
              date: { format: 'yyyy-mm-dd ', message: '时间格式不正确' },
              stringLength: { max: 250, message: '最多只能输入250字' },
            },
            callback: {
              message: '请输入',
              callback: function (value, validator, $field) {
                return !(value == 0 || value == "");
              }
            },

          }
        }
      })

$("#form").bootstrapValidator('addField', "#id", {
   validators: {
       notEmpty: {
           message: '参数不能为空'
       }
    }
})

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/107725.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!