位置: 编程技术 - 正文

jQuery Validate初步体验(二)(jquery .val)

编辑:rootadmin

推荐整理分享jQuery Validate初步体验(二)(jquery .val),希望有所帮助,仅作参考,欢迎阅读内容。

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

在上篇文章给大家介绍了jQuery Validate初步体验(一) ,本文继续给大家分享jquery validate相关知识,对本文感兴趣的朋友快来学习吧。

刚刚试了所谓的新版的用法。千万别问我是多新,因为我也不知道。。。

个人感觉这种用法比通过javascript自定义验证规则,要方便和简单多了。昨天在刚开始自定义的时候,总是无法正确的提示,当时完全不知道为什么。直到检查了多遍才发现,原来是因为我的rules里的键值对之间漏了一个逗号。所以,如果默认的校验规则已经满足你的验证需求,而你只是想改变一下提示语。那我个人建议你用这种新版的用法,当然也可以用 系列(一) 里的方法

二。具体看情况自己选择。

还有我上面的提示都是默认的黑色,身为提示,那样也太没存在感了。

为了增加存在感,你只需要在<head></head>之间插入下面的代码就可以了。

请注意上面的#号后面跟着是表单的ID,你需要改成你自己相应的表单ID。我昨天尝试的时候,找到的资料里写的是#frm。当时我还以为#frm又是我没接触过的新用法呢,我还一直疑惑,为什么我的提示不显示成红色。基础差哎。。。

如果默认的验证规则已经不能满足你的需求,那么接下来,你就得自定义验证规则了。

比如,这里有一个需求,要你检查用户输入的邮编是否合法,这时你就得自定义验证规则了,使用的方法是jQuery.validator.addMethod()。

当然,你也可以把这个验证规则提取出来存到一个JS文件里,然后在要用的地方引入JS文件。

接下来,就要好好说说jQuery.validator.addMethod() 这个方法,这个方法一共有三个参数。

jQuery Validate初步体验(二)(jquery .val)

第一个参数 :“isZipCode” 是定义方法名,必须保证方法名唯一。

第二个参数:是一个回调(callback)函数。

  这个回调函数有三个参数:

    第一个:value ,是当前被验证的元素的值。

    第二个:element,是当前被验证的元素。

    第三个:param,是传入的参数,例如: minlength : 6 里的参数为6; rangelength:[2,] 里的参数为2和。当你没有传入参数,这个可以省略不写。

    在这个回调函数里有一个this.optional(element)函数要特别注意。当表单的输入值为空时,即element的值为空,this.optional(element)的返回值为true,类似于判空操作,也就是说该表单输入项不是必填项,当不填时通过了验证。如果element的值不为空,this.optional(element)的返回值就是false,这时就要根据 || 后面的验证来判断最终的返回为true 或false。所以当某个输入项不是必填项但如果填写了又需要按照一定的规则来验证的时候,一定要记得带上this.optional(element)。

第三个参数:验证的提示信息。

  这个参数可以直接是一句提示信息,例如,"这是必填字段";也可以通过创建函数jQuery.validator.format(value)来显示,例如,$.validator.format("请输入长度在 {0} 到 {1} 之间的字符串"),其中 {0} {1} 代表该方法的参数,也就是回调(callback)函数里的第三个参数param。

官网提供的additional-methods.js里包含一些常用的验证方式,比如lettersonly,ziprange,nowhitespace等,但我粗略的看了一下,发现大部分只是仅供参考,实用性不强,不能直接使用。

我整理了几个网上找到的验证规则,当然也仅供参考。验证规则的核心就是正则表达式,这个得学。

如果有什么地方写错了或者写的不够好,希望大大们能提出来。还有,欢迎留言评论,一起学习。

jsonp跨域请求数据实现手机号码查询实例分析 本文实例讲述了jsonp跨域请求数据实现手机号码查询的方法。分享给大家供大家参考,具体如下:前言网上有很多开放的api,我们在本地通过ajax获取数

基于jQuery通过jQuery.form.js插件实现异步上传 本文主要从前台和后台代码分析了jquery.form.js实现异步上传的方法,分享给大家,具体代码如下前台代码:@{Layout=null;}!DOCTYPEhtmlhtmlheadmetaname="viewport"conten

轻松使用jQuery双向select控件Bootstrap Dual Listbox 本文主要为大家介绍了双向select控件BootstrapDualListbox的使用方法,BootstrapDual列表是一个为响应Twitter优化的列表框插件,它可以用在所有的现代浏览器和

标签: jquery .val

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

上一篇:jQuery Validate初步体验(一)(jquery validation)

下一篇:jsonp跨域请求数据实现手机号码查询实例分析(js跨域请求json数据)

  • 销售部门使用的管理设备计提的折旧应计入的账户为
  • 个人接私活需要开票,可以让别的公司帮忙开票吗?
  • 个体工商户要报工商年报吗?
  • 个人所得税是什么
  • 房屋租金可以开发票吗
  • 年终奖个人所得税计算器
  • 物业公司停车费按什么征税
  • 过路费按照什么缴纳增值税
  • 税控技术维护费每年都能抵扣吗
  • 期末库存农产品进项转出如何算
  • 特殊销售业务包括什么
  • 公司预支了然后来报销的帐怎么做?
  • 折旧和摊销可以没有吗
  • 私车公用税务处理
  • 物业公司小规模纳税人如何报税
  • 企业注销前需要固定资产清理吗
  • 哪些出口业务不能做
  • 天猫店不开发票会被扣多少分
  • 什么情况下企业不能辞退员工
  • 1697506708
  • 退回社保费的会议记录
  • 财务费用冲销怎样做分录
  • php mb_convert_encoding
  • 呆账核销的条件有哪些
  • 借条丢了怎么办打电话给家长
  • 什么是增值税差额征税政策的小规模纳税人
  • 新用户注册表单代码
  • 手机客户端app使用
  • 前端布局flex
  • php实现图片上传到网页显示
  • 其他权益工具投资属于什么科目
  • vue3使用高德地图
  • php如何实现
  • 代扣代缴增值税账务处理
  • 有限公司股权转让的规定最新
  • 不需要支付的应付款情况说明
  • php常用类
  • vue移动
  • 外籍专家劳务费
  • 税前扣除 发票
  • 汇算清缴管理费用明细有哪些
  • 支租赁费用计提印花税吗
  • 个税少扣了怎么账平掉
  • 从农业生产者购进农产品
  • 小规模纳税人增值税专用发票税率
  • 稽查补缴税款会计处理
  • 建筑设备租赁如何交税
  • 接受捐赠的增值税可以抵扣吗
  • 如何降低应收账款成本
  • 个税专项附加继续教育如何扣除?
  • 房产税的计算方式
  • 收电商费会判刑吗
  • 备用金被盗刷了怎么办
  • 建筑企业包工包料业务的发票开具和涉税处理
  • 没有销售怎么写总结
  • 物业公司收的水费怎么做账
  • 发票红冲重新开具怎么做分录
  • 坏账准备计入营业外支出什么明细
  • 个体工商户如何给员工交五险一金
  • 新企业设置账簿
  • vistasp3
  • 如何在macbook中设置软件权限
  • xp系统怎么更改用户权限
  • xp系统桌面图标怎么设置
  • centos7取消挂载硬盘
  • linux系统加载网卡驱动
  • win8的计算机在哪里
  • win10极限精简版 200m
  • win10系统应用和功能中不能卸载
  • opengl获取鼠标位置
  • 安卓十游戏怎么玩
  • html5图文混排
  • listview item
  • unity3d操作
  • javascript编辑工具
  • 了解python
  • [置顶]从lv2开始开挂的原勇者候悠闲的异世界生活
  • 增值税纳税申报表附列资料(一)
  • 税控盘离线开票时间超限是怎么回事
  • 2021年福建省灵活就业人员养老保险缴费标准
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设