HTML表单验证库SMValidator

HTML表单验证库SMValidator

编程文章jaq1232025-03-09 17:01:2420A+A-

SMValidator是一个易用、轻量且强大的表单验证工具。支持html和javascript两种配置方式,可以立即或手动触发验证,独立显示每条规则的信息,可自定义表单或信息容器的样式。目前minify文件还不到5KB,而且不依赖任何第三方库。

使用方法:

1. 给input指定验证规则

或者使用js配置

//fields字段与input的name对应,指定这个input的验证规则
//
new SMValidator('form', {
    fields:{
        field1: 'required'
    }
});

2. 绑定需要验证的表单

selector是css选择器,内部使用document.querySelectorAll解析,你可以使用浏览器支持的任何css选择器规则。SMValidator从选择结果中筛选出指定的input进行绑定,并在适当的时机较验其value是否符合要求。

其他详细的功能请到移步到github上查看文档和demo源码,可以实现很多自定义效果

点击这里复制本文地址 以上内容由jaq123整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

苍茫编程网 © All Rights Reserved.  蜀ICP备2024111239号-21