前端怎么对表单进行正则 前端常用的校验属性

在Script脚本中:

html 复制代码
<script th:inline="javascript">
        var prefix = ctx + "system/hqAge"
        $("#form-age-add").validate({
            focusCleanup: true,
            rules : {
                ageLimit: {
                    digits: true,
                    min: 0
                }
            }
        });
</script>

如果需要校验,$()里是form表单的id,

.validate之后用rules可以对其中的表单input进行校验

常用的校验:

复制代码
(1)、required:true               必输字段
(2)、remote:"remote-valid.jsp"   使用ajax方法调用remote-valid.jsp验证输入值
(3)、email:true                  必须输入正确格式的电子邮件
(4)、url:true                    必须输入正确格式的网址
(5)、date:true                   必须输入正确格式的日期,日期校验ie6出错,慎用
(6)、dateISO:true                必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性
(7)、number:true                 必须输入合法的数字(负数,小数)
(8)、digits:true                 必须输入整数
(9)、creditcard:true             必须输入合法的信用卡号
(10)、equalTo:"#password"        输入值必须和#password相同
(11)、accept:                    输入拥有合法后缀名的字符串(上传文件的后缀)
(12)、maxlength:5                输入长度最多是5的字符串(汉字算一个字符)
(13)、minlength:10               输入长度最小是10的字符串(汉字算一个字符)
(14)、rangelength:[5,10]         输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)、range:[5,10]               输入值必须介于 5 和 10 之间
(16)、max:5                      输入值不能大于5
(17)、min:10                     输入值不能小于10

优质博客:Jquery Validate 默认校验规则及常用的自定义验证规则

相关推荐
REDcker1 分钟前
Playwright详解 Web自动化与E2E测试 架构原理与实战入门
前端·架构·自动化
用户860225046747212 分钟前
从入门到进阶的 React Native 实战指南
android·前端
贵州数擎科技有限公司12 分钟前
雨滴特效的 Three.js 实现
前端·three.js
问心无愧051313 分钟前
ctf show web入门98
android·前端·笔记
irving同学4623813 分钟前
Drizzle ORM + PostgreSQL + Hono 学习笔记
前端·后端
明豆13 分钟前
HTTPS / TLS 1.3 深度解析 — Web 安全传输协议生产实战
前端·安全·https
Linsk14 分钟前
Rollup 官方插件 @rollup/plugin-inject 详解
前端·rollup.js·前端工程化
2601_9584925515 分钟前
Performance Audit of Paper Boats Racing - HTML5 Racing Game
前端·html·html5
irving同学4623816 分钟前
TypeScript 后端入门全景:Hono + Zod + Drizzle + PostgreSQL
前端·后端
一致性17 分钟前
项目总结:桌宠(Desktop Pet)
前端