位置: 编程技术 - 正文

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数据)

  • 个税系统更正申报可以更正几次
  • 税后净利润是什么意思
  • 工业增加值怎么找
  • 水利建设专项基金的税率
  • 研发活动计入当期损益怎么计算
  • 2020年建筑企业税收优惠政策
  • 商业承兑汇票利息什么时候支付
  • 待报解预算收入计入什么科目
  • 生产部门领用低值易耗品,实际成本
  • 小企业货币资金1710元正常吗
  • 专项维修资金的,由县级
  • 全额收取员工的社保的会计分录怎么写?
  • 开发商乱要回迁怎么投诉
  • 纳税人必须熟知什么
  • 电子承兑汇票接收时间是多久
  • 出口押汇申请书
  • 电子承兑汇票怎么用
  • win10待机久了自动关机
  • 微信php开发包
  • 出差环境补贴怎么算
  • Win11如何关闭屏保上的广告
  • Win11 Build10.0.22000.51预览版正式推送 (附完整更新日志)
  • 因质量问题被扣钱怎么办
  • 偷渡系统可以正常接收到升级吗
  • bios中英文对照表图新版
  • php 赋值
  • 直接材料费用包括
  • 固定资产与固定资产净值
  • 时间序列转换
  • 使用php进行mysql数据库编程的基本步骤
  • 其他综合收益明细科目
  • 合并的命令
  • 私人打款到对公账户要交税吗
  • 个体开发票额度
  • 怎样计算负债率
  • 织梦百科
  • 报销货物运输费需要什么凭证
  • 两处取得收入,如何进行个税的申报?
  • 零申报未申报可以不处罚吗
  • 城市维护建设税,教育费附加,地方教育费附加
  • 个税专项附加扣除标准调整
  • 监理公司成本核算方法
  • 材料发票税额
  • 商业银行提取的盈余公积可用于
  • 专项资金会计和税务处理差异
  • 应收账款期末余额为负数表示什么
  • 成品油发票如何下载库存
  • 外经证预缴税款必须去外地交税吗
  • 向母公司贷款利率是多少
  • 申报系统中印花税报表怎么填
  • 预包装食品加工及销售营业执照图片
  • 企业什么情形必须签无固定期限合同
  • sqlserver导出mysql
  • 跳线短路
  • 如何强制清理内存
  • windows疑难解答在哪里
  • 使用windows管理无线
  • win8.1操作界面
  • win8怎么下载qq
  • synergy linux
  • opengles版本过低怎么办
  • 从零基础到入门
  • python 归并排序算法
  • cocos2dx官方教程
  • activitythread main方法
  • js网页自动化
  • vue3官方文档
  • python sha256加密解密
  • scrapy—redis
  • ECLIPSE编辑器
  • js newyork
  • listview添加数据
  • javascript页面
  • android下拉刷新上拉加载
  • 前端框架到底是什么
  • 国家税务局上的电子发票如何作废
  • 进项税额转出应交税费吗
  • 医保月底结算规定是什么
  • 国税局政审审考生什么
  • 2020年民主生活会主题是什么?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设