HTML表单验证库SMValidator

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

项目开源地址：https://github.com/WLDragon/sm-validator

使用方法：

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. 绑定需要验证的表单

new SMValidator('selector');

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

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

转载于:https://www.cnblogs.com/wldragon/p/5635606.html