博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery的表单验证之JQuery.validate插件
阅读量:4287 次
发布时间:2019-05-27

本文共 2225 字,大约阅读时间需要 7 分钟。

特别说明:

JQuery.validate默认情况下

1.J dateISO支持‘yyyy-MM-dd’格式

2.对于远程验证,服务器相应格式需要为true或者false,这样的话不能带其他参数

3.对于远程验证,没有进度条提示,这样不够友好。

4.默认不支持手机号,电话等

5.优点对于数字类型、字符串长度、是否相等、url、邮箱比较好用

6.支持select,checkbox,radio

7.支持代码模式和html标记模式,很方便自定义错误内容。

结论:对于远程验证的需求,很多时候还是要自己手写。

Demo源代码地址:

一、代码验证模式简单Demo

关键引用:

HTMl代码:

常用业务类型格式验证

前台验证表单后提交
JS代码:

$('form').validate({    debug: true,    submitHandler: function (form) {        //此处form为表单dom对象        alert('提交表单');        //手动触发表单提交        //form.submit();    },    rules: {        nickname: {            required: true,            rangelength: [3, 10]        },        blog: {            required: true,            url: true  //指定url类型验证 (特别说明不支持localhost 本地连接)        },        email: {            required: true,            email: true  //指定email类型验证        },        creditCard: {            required: true,            creditcard: true //合法的信用卡号 (此处不支持)        },        createTime: {            required: true,            date: true  //时间类型验证 (此处最好不使用)        },        createTime2: {            required: true,            dateISO: true //时间类型验证 默认的类型为 yyyy-MM-dd        }    },    messages: {        nickname: {            required: '昵称不能为空',            rangelength: '昵称长度3-10'        }    }});

更多api可以参考:

你可能感兴趣的文章
进博会场馆3D信息化展示平台技术规范
查看>>
智慧展馆方案
查看>>
GIS导航数据组织模型设计
查看>>
智慧景区信息展示系统
查看>>
智慧景区总体技术架构
查看>>
智慧旅游规划信息管理系统
查看>>
基于Netty和Kafka的物联网数据采集系统
查看>>
3DGIS地理信息系统设计方案
查看>>
Spring Boot 监听 Redis Key 定时任务
查看>>
3DGIS产品层次结构
查看>>
SPI总线之NSS
查看>>
【Java】Java自动类型转换
查看>>
【Java】Java强制类型转换
查看>>
【Java】:Java制作九九乘法表
查看>>
【JQuery】:JQuery加载模式
查看>>
【C语言】求一千以内的素数 第一种方法
查看>>
【C语言】求Fibonacci数列的前20项(数组)
查看>>
【C语言】求N的阶乘
查看>>
【HTML】解决DIV消除浮动问题(clear)
查看>>
【MySQL】使用cmd操作MySQL数据库
查看>>