免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 11674 | 回复: 0

bootstrapValidator校验 [复制链接]

论坛徽章:
0
发表于 2016-10-20 12:00 |显示全部楼层
先引进
<script src="/Scripts/jquery-1.11.1.js"></script><script src="/bootstrap/js/bootstrap.min.js"></script><link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" /><script src="/bootstrapValidator/js/bootstrapValidator.min.js"></script><link href="/bootstrapValidator/css/bootstrapValidator.min.css" rel="stylesheet" />
1.初级用法
$(function () {        $('form').bootstrapValidator({        message: 'This value is not valid',
             feedbackIcons: {
                        valid: 'glyphicon glyphicon-ok',
                        invalid: 'glyphicon glyphicon-remove',
                        validating: 'glyphicon glyphicon-refresh'
                       },            fields: {                username: {                    message: '用户名验证失败',                    validators: {                        notEmpty: {                            message: '用户名不能为空'                        }                    }                },                email: {                    validators: {                        notEmpty: {                            message: '邮箱地址不能为空'                        }                    }                }            }        });    });2.中级用法$(function () {        $('form').bootstrapValidator({            message: 'This value is not valid',            feedbackIcons: {                valid: 'glyphicon glyphicon-ok',                invalid: 'glyphicon glyphicon-remove',                validating: 'glyphicon glyphicon-refresh'            },            fields: {                username: {                    message: '用户名验证失败',                    validators: {                        notEmpty: {                            message: '用户名不能为空'                        },                        stringLength: {                            min: 6,                            max: 18,                            message: '用户名长度必须在6到18位之间'                        },                        regexp: {                            regexp: /^[a-zA-Z0-9_]+$/,                            message: '用户名只能包含大写、小写、数字和下划线'                        }                    }                },                email: {                    validators: {                        notEmpty: {                            message: '邮箱不能为空'                        },                        emailAddress: {                            message: '邮箱地址格式有误'                        }                    }                }            }        });    });
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

SACC2019中国系统架构师大会

【数字转型 架构演进】SACC2019中国系统架构师大会,8.5折限时优惠重磅来袭!
2019年10月31日~11月2日第11届中国系统架构师大会(SACC2019)将在北京隆重召开。四大主线并行的演讲模式,1个主会场、20个技术专场、超千人参与的会议规模,100+来自互联网、金融、制造业、电商等领域的嘉宾阵容,将为广大参会者提供一场最具价值的技术交流盛会。

限时8.5折扣期:2019年9月30日前


----------------------------------------

大会官网>>
  

北京盛拓优讯信息技术有限公司. 版权所有 16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122
中国互联网协会会员  联系我们:huangweiwei@it168.com
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP