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

 
posted @   荣超  阅读(10572)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
点击右上角即可分享
微信分享提示