zoukankan      html  css  js  c++  java
  • bootstrapValidator 常用的验证

    $("#表单ID").bootstrapValidator({
                message: 'This value is not valid',
                excluded: [':disabled'],
                feedbackIcons: {
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
                    name:{
                        validators:{
                            notEmpty: {
                                message: '必须输入或者必须选择'
                            },
                            stringLength : {
                                min : 2,
                                max : 25,
                                message : '长度2-25位字符'
                            }
                        }
                    }
                }
            }).on('success.form.bv', function (e) {
                e.preventDefault();
                //这里可以进行ajax提交
            });
    notEmpty: {
         message: '必须输入或者必须选择'
    }
    digits : {
        message : '字段必须是正整数'
    }
    greaterThan: {
        value : 1,
        message : '最小输入1'
    }
    
    lessThan: {
        value : 100
        message : '最大输入100'
    }
    regexp: {
        regexp: /^[a-zA-Z0-9_]+$/,
        message: '正则验证,这里验证只能输入大小写字母数字和下划线'
    }

     html 标签上添加验证,去掉最上面的fields部分

    <input type="text" name="name" required data-bv-notempty-message="必须输入"
    
    data-bv-stringlength="true" data-bv-stringlength-min="2" data-bv-stringlength-max="15" data-bv-stringlength-message="长度2-15位"
    
    pattern="^[0-9]{8}$" data-bv-regexp-message="正则验证不正确">
    
    <select data-bv-choice="true" data-bv-choice-min="1" data-bv-choice-max="10" data-bv-choice-message="最少选择1条记录 最多选择10条记录">
        <option><option>
        ......
    <select>
    
    
    <input type="radio" name="sex" value="男" required data-bv-notempty-message="必须选择性别">
    <input type="radio" name="sex" value="女">
    <!--这里只需要在第一个标签上添加验证代码即可 如果全部添加上验证代码也是没有问题。-->

     js形式和html形式可以混着用

     
  • 相关阅读:
    [JavaScript]编写一份会动的简历
    Vue.js 创建一个 CNODE 社区(1)
    hdu 2051
    hdu 2050
    hdu 2048
    赫夫曼编码
    R语言的学习(四)
    R语言的学习(三)
    R语言的学习(二)
    R语言的学习(一)
  • 原文地址:https://www.cnblogs.com/rchao/p/9268123.html
Copyright © 2011-2022 走看看