thymeleaf 表单校验指南

  1. notEmpty:非空验证;
  2. stringLength:字符串长度验证;
  3. regexp:正则表达式验证;
  4. emailAddress:邮箱地址验证(都不用我们去写邮箱的正则了~~)
  5. 除此之外,在文档里面我们看到它总共有46个验证类型,我们抽几个常见的出来看看:
  6. base64:64位编码验证;
  7. between:验证输入值必须在某一个范围值以内,比如大于10小于100;
  8. creditCard:身份证验证 
  9. date:日期验证;
  10. ip:IP地址验证;
  11. numeric:数值验证;
  12. phone:电话号码验证;
  13. uri:url验证;

之前遇到的问题,虽然页面加载的时候,写了验证的方法,具体如下:

//校验输入的注册信息
        $("#reg").bootstrapValidator({
            message: 'This value is not valid',
            feedbackIcons: {//验证小图标
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                password: {
                    validators: {
                        notEmpty: {
                            message: '密码不能为空'
                        },
                        stringLength: {
                            min: 6,
                            max: 10,
                            message: '密码由6-10位字符组成'
                        },
                        identical: {
                            field: 'confirmPassword',
                            message: '密码输入不一致'
                        }
                    }
                },
                confirmPassword: {
                    validators: {
                        notEmpty: {
                            message: '密码不能为空'
                        },
                        stringLength: {
                            min: 6,
                            max: 10,
                            message: '密码由6-10位字符组成'
                        },
                        identical: {
                            field: 'password',
                            message: '密码输入不一致'
                        }
                    }
                },
                mobile: {
                    message: '手机号验证失败验证失败',
                    validators: {
                        notEmpty: {
                            message: '手机号不能为空不能为空'
                        },
                        stringLength: {
                            /*长度提示*/
                            min: 11,
                            max: 11,
                            message: '电话号码长度不正确'
                        }
                    }
                },email: {
                    message: '电子邮箱验证失败',
                    validators: {
                        notEmpty: {
                            message: '电子邮箱不能为空'
                        },
                        emailAddress: {
                            message: '输入不是有效的电子邮件地址'
                        }
                    }
                }
            }
        });

但是总是不会验证,研究了一天,最后发现是booitstrap版本与bootstrapValidator的版本不一致导致的(气晕),然后就改为一致的版本,进入页面输入内容hui

 

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值