bootstrap插件bootstrapValidator常用验证规则及常用方法总结

tech2023-08-31  82

bootstrap插件bootstrapValidator常用验证规则总结

1.判断字段是否为空

notEmpty: { message: ‘用户名必填不能为空’ }

2.字段长度判断

stringLength: { min: 6, max: 30, message: ‘用户名长度不能小于6位或超过30位’ }

3.通过正则表达式进行验证

regexp: { regexp: / ^[A-Z\s+$/i, message: ‘名字只能由字母字符和空格组成。’ }

4.大小写验证

stringCase: { message: ‘姓氏必须只包含大写字符。’, case: ‘upper’//其他值或不填表示只能小写字符 }

5.两个字段不相同的判断

different: { field: ‘password’, message: ‘用户名和密码不能相同。’ }

6.email验证

emailAddress: { message: ‘The input is not a valid email address’ }

7.日期格式验证

date: { format: ‘YYYY/MM/DD’, message: ‘日期无效’ }

8.纯数字验证

digits: { message: ‘该值只能包含数字。’ }

9.ajax验证

threshold : 6 , //有6字符以上才发送ajax请求,(input中输入一个字符,插件会向服务器发送一次,设置限制,6字符以上才开始) remote: {//ajax验证。server result:{“valid”,true or false} 向服务发送当前input name值,获得一个json数据。例表示正确:{“valid”,true} url: ‘exist2.do’,//验证地址 message: ‘用户已存在’,//提示消息 delay : 2000,//每输入一个字符,就发ajax请求,服务器压力还是太大,设置2秒发送一次ajax(默认输入一个字符,提交一次,服务器压力太大) type: ‘POST’//请求方式

}

10.复选框验证

choice: { min: 2, max: 4, message: ‘请选择2-4项’ }

11.密码确认

identical: { field: ‘confirmPassword’, message: ‘The password and its confirm are not the same’ }

12.判断输入数字是否符合大于18小于100

greaterThan: { value: 18 }, lessThan: { value: 100 }

13.uri验证

uri: {}

动态添加校验和移出校验

前提是要把所有验证项都要加进去,然后再合适地方再调用addField和removeField。

$("#updateForm").bootstrapValidator('addField','devCode'); //添加 $("#updateForm").bootstrapValidator('removeField','usertext1name'); //移除 //完整示例: $("#updateForm").bootstrapValidator({ excluded : [ ':disabled' ], fields : { docDate : { trigger : "change", validators : { notEmpty : { message : '订单日期不能为空' } } } } })
最新回复(0)