jquery多种表单类型验证Vali.js插件

所属分类：网页特效-表单验证 2023-05-31 10:37:55

1.7K 0 查看评论 (0)

查看演示登录后下载 温馨提示
登录会员即可享受免费下载我要建站

资源描述：包含15种验证方式，可自定义提示框，可扩展性极强，有兴趣的大家可以研究！

jquery多种表单类型验证Vali.js插件（共32个文件）

img
- logo.png
fonts
- FontAwesome.otf
- glyphicons-halflings-regular.woff2
- glyphicons-halflings-regular.eot
- fontawesome-webfont.woff
- glyphicons-halflings-regular.svg
- glyphicons-halflings-regular.woff
- fontawesome-webfont.eot
- glyphicons-halflings-regular.ttf
- fontawesome-webfont.svg
- fontawesome-webfont.ttf
- fontawesome-webfont.woff2
js
- highlight.min.js
- npm.js
- vali.js
- vali.min.js
- vali.prompt.js
- bootstrap.min.js
- jquery-1.8.3.min.js
- bootstrap.js
- canvas.js
css
- bootstrap-theme.css.map
- bootstrap.css
- bootstrap-theme.css
- bootstrap.css.map
- default.min.css
- vali.css
- font-awesome.min.css
- css.css
- bootstrap-theme.min.css
- bootstrap.min.css

index.html

使用方法

15种验证

验证标识	设置值	描述
email	t	验证邮箱
phone	t	验证手机号
max	16	长度不能大于设置值
min	6	长度不能小于设置值
bank	t	验证银行卡号没有验证银行种类，本人太懒...
only	0,1,2,3,_	只能用设置值类型组成 0 = 汉字 1 = 字母 2 = 数字 3 = 空字符
must	0,1,2,3,_	必须用设置值类型组成同 only
first_must	1	首位必须是设置值类型 0 = 汉字 1 = 字母 2 = 数字 3 = 空字符
first_cannot	1	首位不能是设置值类型同 first_must
number	t	验证货币类型自动转化成货币类型保留2位小数小数位可以通过属性 decimal_places 设置
idcard	t	验证身份证
equally	id,class	值必须一致如果多元素则取第一个元素的值进行验证
date	t	验证日期格式例如：1996-05-21 = ture \| 1996-02-30 = false
cannot	on	选择值不能是设置值此验证针对于 select
custom	t	自定义验证方法涉及很多，请看案例

自定义提示框

var vali_prompt = {
            "Success": "Success",
            "email": "Please enter the correct email address",
            "phone": "Please enter the correct cell phone number",
            "max": "Can not exceed ｛0｝ characters",
            "min": "Not less than ｛0｝ characters",
            "bank": "Please enter the correct bank card number",
            "only": "Contain only",
            "must": "Must contain",
            "first_must": "The first must be：",
            "first_cannot": "The first cannot be：",
            "number": "Please enter a number",
            "idcard": "Please enter the correct ID number",
            "equally": "Must be the same",
            "cannot": "cannot is ｛0｝",
            "date": "Please enter the correct date",
            "value0": "Chinese character",

站长提示：
1. 苦力吧素材官方QQ群：950875342
2. 平台上所有素材资源，需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题，每次奖励2K币。
4. PHP源码类素材，如需协助安装调试，或你有二次开发需求，可联系苦力吧客服。
5. 付费素材资源，需充值后方能下载，如有任何疑问可直接联系苦力吧客服