位置: 编程技术 - 正文

jQuery validate验证插件使用详解(jquery中validate)

编辑:rootadmin

推荐整理分享jQuery validate验证插件使用详解(jquery中validate),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jqueryvalidate验证,jquery中validate,jquery valid(),jquery validation,jquery validator,jquery valid(),jqueryvalidate验证,jquery validation,内容如对您有帮助,希望把文章链接给更多的朋友!

Validate验证插件,内置丰富的验证规则,还有灵活的自定义规则接口,HTML、CSS与JS之间的低耦合能让您自由布局和丰富样式,支持input,select,textarea的验证。

Description

浏览器支持:IE7+ 、Chrome、Firefox、Safari、Mobile Browser

jQuery版本:1.7.0+

Usage载入jQuery、validate

<script type="text/javascript" src="jquery-1..1.js"></script><script type="text/javascript" src="jquery-validate.js"></script>

jQuery validate验证插件使用详解(jquery中validate)

DOM标签验证规则填写

给需要验证的表单元素的class填入required(不建议在这个class上做其他样式)。建议input用独立div包裹,因为验证的message是从当前input的父元素上append生成。data-tip:在尚未验证而获取焦点时出现的提示。data-valid:验证规则,若有组合验证,以||符号分割。data-error:验证错误提示,对应data-valid,以||符号分割。单选/复选比较特殊,需要添加元素包裹单选/复选集合,并在包裹元素上加验证规则。

JS调用

表单提交前的验证

validate内置验证规则

required:true 必输字段remote:"check.php" 使用ajax方法调用check.php验证输入值email:true 必须输入正确格式的电子邮件url:true 必须输入正确格式的网址date:true 必须输入正确格式的日期dateISO:true 必须输入正确格式的日期(ISO),例如:--,// 只验证格式,不验证有效性number:true 必须输入合法的数字(负数,小数)digits:true 必须输入整数creditcard: 必须输入合法的信用卡号equalTo:"#field" 输入值必须和#field相同accept: 输入拥有合法后缀名的字符串(上传文件的后缀)maxlength:5 输入长度最多是5的字符串(汉字算一个字符)minlength: 输入长度最小是的字符串(汉字算一个字符)rangelength:[5,] 输入长度必须介于 5 和 之间的字符串")(汉字算一个字符)range:[5,] 输入值必须介于 5 和 之间max:5 输入值不能大于5min: 输入值不能小于

例子:验证用户名,密码,确认密码,主页,生日,邮箱等首先引入Jquery、引入jquery.validate.js、引入messages_cn.js并且为表单定义一个id,为需要验证的控件定义name属性,并赋值,此插件使用的是控件的name属性,而非id。

实现如下效果:

标签: jquery中validate

本文链接地址:https://www.jiuchutong.com/biancheng/386549.html 转载请保留说明!

上一篇:Jquery插件仿百度搜索关键字自动匹配功能(jquery 插件写法)

下一篇:JQuery validate插件验证用户注册信息(jquery-validate)

  • 服装加工费税收编码
  • 增值税应纳税额的计算
  • 记账更改的方法
  • 小规模纳税人如何转一般纳税人
  • 应交税费应交增值税转出未交增值税是什么意思
  • 企业员工的高铁票进项税如何申报
  • 股东个人向公司借款会计分录
  • 个税中的住房租金扣除什么意思
  • 企业促销应该采用什么方法
  • 最新出口退税申报流程
  • 货物已到发票未到怎么做账
  • 购买空调的报销单怎么写
  • 合并重组案例
  • 销售商品确认收入的时间
  • 建筑单位的工作岗位有哪些
  • 成本费用分配的原则方法
  • 事业单位固定资产
  • 收支利息税务如何处理
  • 公司与股东的往来款现金流量表
  • 视频监控维护
  • vue中如何使用weboffice
  • 苹果电脑字体文件怎么拖出来
  • 板栗怎样保存1年不坏
  • windows7旗舰版最新版本
  • 外购商品转为自用洧费税计算
  • vue3打包优化
  • 房地产公司收到预售款缴纳印花税吗
  • 其他权益工具投资属于什么科目
  • 小企业会计准则适用于哪些企业
  • 关基系统防SSL证书断供,知道创宇“包办式”国密改造方案省心又安全
  • 分页limit参数
  • php时间代码
  • 一般股份支付的确认计量及帐务处理怎么做?
  • 企业管理咨询合作协议
  • 法人章两个字的怎么印
  • 节能控制模块
  • 什么是俗称的汇款
  • 技术使用费 收费标准
  • 可供出售金融资产的会计处理
  • 关于固定资产的说法
  • 应收账款是指什么
  • 商品流通企业税费按征收对象可分为
  • 如果返利冲抵货款怎么办
  • 哪些原始凭证要盖章
  • 企业取得交易性金融资产的主要目的是
  • 事业单位取暖费2023
  • 应收票据到期收回的会计分录
  • 进口医疗器械产品
  • 建筑公司劳务费怎么做账
  • 会计的主要目标是提供什么和什么
  • sql分组having
  • 建立索引mysql
  • 找回未保存的cad文件
  • windows8怎么查看所有程序
  • 系统更新到win11后还可以调回win10吗
  • datadraveler
  • windows运行在哪
  • 系统运行缓慢解决方法
  • linux系统获取ip地址
  • cocos2dx官方教程
  • cocos2d在运行java eclipse程序时出现 Error: could not open c:program FilesJavajre6libamd64jvm.cfg
  • ai人工智能python
  • jq读取json
  • node.js 模块
  • 实用的批处理
  • css中文字垂直排列
  • python如何用
  • 批处理设置文件夹添加user组权限
  • unity3d添加组件
  • nodejs搭建本地资源服务器
  • shell 比较大小
  • 基于JAVASCRIPT实现的可视化工具是
  • javascript中字符串
  • js获取
  • javascript 对象的this指向
  • 上海网上纳税申报流程
  • 2020年军人自主择业条件
  • 金税工程什么意思
  • 电子税务局在线咨询
  • 商品房开超市
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设