精美实用的Modern Fms表单验证插件,支持非空验证、长度验证、URL验证、邮箱验证等,不一一列出,具体看演示。
分类:表单代码
> 表单插件
难易:初级
forms.validate 使用方法:
标签属性
1. `data-required`: 普通文本必填项 `eg:data-required="提示信息"`
2. `data-length`: 长度区间 `eg:data-length="4-6"`
3. `data-min`: 最小值 `eg:data-min="5"`
4. `data-max`: 最大值 `eg:data-min="10"`
5. `data-rules`: 自定义正则 `eg:data-rules="/^(0\d{2,3}\d{7,8}|0\d{2,3}-)\d{7,8}$/" data-rule-message="错误信息"`
6. `data-equal`: 对比 `eg:data-equal="#id"`
7. `data-idcard`: 身份证验证 `eg:data-idcard="身份证号码不正确"`
8. `data-url`: URL验证 `eg: data-url="URL验证失败"`
9. `data-email`: 邮箱验证 `eg: data-email="请输入正确的电子邮箱"`
10. `data-phone`: 手机号验证 `eg: data-phone="请输入正确的手机号码"`
参数解释
1. `url`: 默认`form.action`
2. `method`: 默认`POST`
3. `submitBtn`: 提交表单触发事件元素(默认:`input:submit`)
4. `async`: 默认为`true`(同步)
5. `data`: 额外提交的数据,数据格式:`{k:'v','k1':'v1'}`
6. `success`: 表单提交成功方法 `function(){}`
7. `fail`: 表单提交失败方法 `function(){}`
8. `sends` 是否向后台提交数据,默认为 `true`