网站首页 > 知识剖析 正文
SMValidator是一个易用、轻量且强大的表单验证工具。支持html和javascript两种配置方式,可以立即或手动触发验证,独立显示每条规则的信息,可自定义表单或信息容器的样式。目前minify文件还不到5KB,而且不依赖任何第三方库。
使用方法:
1. 给input指定验证规则
<!--使用data-rule属性指定验证规则--> <input type="text" data-rule="required">
或者使用js配置
//fields字段与input的name对应,指定这个input的验证规则 //<input type="text" name="field1"> new SMValidator('form', { fields:{ field1: 'required' } });
2. 绑定需要验证的表单
selector是css选择器,内部使用document.querySelectorAll解析,你可以使用浏览器支持的任何css选择器规则。SMValidator从选择结果中筛选出指定的input进行绑定,并在适当的时机较验其value是否符合要求。
其他详细的功能请到移步到github上查看文档和demo源码,可以实现很多自定义效果
猜你喜欢
- 2025-06-28 专为Vue打造的开源表单验证框架,Github star7k+——VeeValidate
- 2025-06-28 HTML表单search、tel和color高级元素的使用
- 2025-06-28 新年了 不和好友玩一波整人红包?(新年了 不和好友玩一波整人红包)
- 2025-06-28 一文读懂表单验证(表单验证的目的)
- 2025-06-28 7个知识点快速掌握Python网页表单验证的利器
- 2025-06-28 [北大青鸟广州新嘉华]HTML5 表单属性有哪些?(1)
- 2025-06-28 一个用Markdown来设计HTML表单的小工具
- 2025-06-28 HTML5表单里面可以节省你写代码的七个属性
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)