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形式可以混着用

     
  • 相关阅读:
    Mvc+三层(批量添加、删除、修改)
    js中判断复选款是否选中
    EF的优缺点
    Git tricks: Unstaging files
    Using Git Submodules
    English Learning
    wix xslt for adding node
    The breakpoint will not currently be hit. No symbols have been loaded for this document."
    Use XSLT in wix
    mfc110ud.dll not found
  • 原文地址:https://www.cnblogs.com/rchao/p/9268123.html
Copyright © 2011-2022 走看看