表单验证
示例代码
表单验证采用的是Nice-validator验证插件,Nice-validator是一款非常强大的表单验证插件,通过简单在元素上配置规则,即可达到验证的效果。
适用于 input、textarea、select
输入框,多验证用;
隔开。
更多规则使用方法:https://validator.niceue.com/
属性:data-rule=""
,以下为常用规则
规则 | 描述 | 示例 |
---|---|---|
required |
字段必填 | required |
checked |
必选,只适用于checkbox和radio | checked |
integer |
整数 | integer |
match(name) |
当前字段值必须和 name 字段的值匹配 |
match('row[username]') |
range(n~) |
数值范围, 请填写不小于 n 的数 |
range(3~) |
length(n) |
请填写 n 个字符 |
length(3) |
filter |
只过滤字符,不验证,过滤 <>`"' 和字符实体编码的字符 | filter |
digits |
必须为数字 | digits |
letters |
必须为字母 | letters |
date |
必须为日期,yyyy-mm-dd格式 | date |
time |
必须为时间,hh:ii格式 | time |
email |
必须为email格式 | |
url |
必须为URL链接 | url |
qq |
必须为QQ号码 | |
IDcard |
必须为身份证号码 | IDcard |
tel |
必须为电话号码 | tel |
mobile |
必须为手机号码 | mobile |
zipcode |
必须为邮政编码 | zipcode |
chinese |
必须为中文字符 | chinese |
username |
3-12位数字、字母、下划线 | username |
password |
6-16位字符,不包含空格 | password |