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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM