位置: 编程技术 - 正文

jquery实现表单验证简单实例演示(jquery的validate前端表单验证)

编辑:rootadmin

推荐整理分享jquery实现表单验证简单实例演示(jquery的validate前端表单验证),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery做表单验证,jquery的validate前端表单验证,jquery表单事件验证表单,jquery的validate前端表单验证,jquery实现表单验证,jquery表单验证实验报告,jquery实现表单验证,jquery实现表单验证,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例讲述了jquery实现表单验证代码。分享给大家供大家参考。具体如下:运行效果截图如下:

具体代码如下:

直接上插件实现代码了,围绕代码进行讲解比较容易点:

  

先来说一说实现原理:

首先定义好正则,和相应的提示信息,

  加上自定义check属性,

  然后获取check属性的值,多个值用空格分开。利用split()将其拆分为数组,在逐个调用check()方法进行验证。

  之后通过验证的返回值来确定显示的信息。

这里有两个验证是比较特别的,就是:

1.验证是否为空 (required)

2.两次密码是否一致 (pwd2)

这两个都没有用到正则,因为根本就用不上。 两次密码是否一致 ,单独写了个方法 pwdEqual();

插件里的验证正则我只写了几个 ,如果不够用可以自行扩展添加。

扩展只需3步:

jquery实现表单验证简单实例演示(jquery的validate前端表单验证)

1.添加正则,

2.添加相应提示信息,

3.check()方法中添加相应 case 处理

插件使用说明:

  1.给表单下要进行验证的文本框,密码框 ,多行文本框加上自定义check属性

  2.多个格式验证用空格间隔,如(同时验证必填和邮箱): check="required email"

  3.如果要验证两次密码是否一致,则pwd1和pwd2一起使用,如下图:

pwd1存储第一次输入的值,pwd2存储第二次输入的值,如果你只用pwd1还好,但如果只用了pwd2,则验证是始终无法通过的。

下面给出DEMO示例代码:

示例效果图片:

示例代码,成功提交是会跳转到success.html页面的,因此你要自己创建个success.html,里面可以什么都不写。

但是,只要有一个验证不通过,就不会成功跳转。

另外,你或许还需要2张图片:

//图片路径 img_error: "img/error.gif", img_success: "img/success.gif",

上传在这了,自己右键另存为吧。

本文已被整理到了《jquery表单验证大全》 ,欢迎大家学习阅读。

标签: jquery的validate前端表单验证

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

上一篇:jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法(jquery 选中)

下一篇:jquery自定义表格样式(jquery自定义组件)

  • 向个人提供居住证明
  • 销售白酒是否要交消费税?
  • 增值税零税率是一种税收优惠政策
  • 销售货物提供运输是否分别核酸的例题
  • 营销策划合同需要缴纳印花税吗
  • 出租车发票可以重新开吗
  • 关税消费税增值税计算公式
  • 小规模纳税人购置税控设备
  • 银行汇票使用流程举例
  • 车辆使用费怎么开票
  • 债券分期还本利息怎么算
  • 企业哪些费用属于重要费用
  • 地产公司代办房产证
  • 汇算清缴调增税金及附加
  • 营改增后在建工程转让应缴纳税费有哪些
  • 建安企业预缴个税怎么算
  • 通过检查人力资源
  • 印花税所属期是7月到12月,可是税种认定是年,报不了
  • 没有单价数量只有金额的发票可以用吗
  • 企业所得税汇算清缴退税怎么做账务处理
  • 计提的电费和支付电费差额如何调整
  • 固定资产清理汇算清缴如何反应
  • 增资后可以减资吗
  • 酒精是否属于消费税征税范围
  • 商标公司转让给个人提供什么?
  • win10无internet怎么解决
  • 宽带测速器在线测速
  • 为什么申报个人所得税还要补税
  • 所得税汇算清缴后如何调整报表
  • php require include
  • 资产负债所有者权益损益类会计科目
  • php操作json
  • php正则表达式匹配,返回原因
  • 小规模纳税人缴税的分录
  • 办公室装修款怎么做账
  • 行政单位基建账户可以建立吗为什么
  • transformerss
  • 帝国cms使用手册
  • 什么叫坏账准备
  • 公允价值变动损益
  • 农产品核定扣除增值税进项税额计算表
  • 汇算清缴后缴纳的企业所得税怎么做分录
  • 退票产生的费用如何报销
  • mac中mysql应该怎么运行
  • 固定资产转在建工程
  • 增加固定资产原值50%以上
  • 什么叫利得
  • 发票做账流程
  • 按差额征税
  • 本年利润会计分录怎么写
  • 会计人要求
  • 小微企业的认定由哪个部门负责
  • 利润所得税费用
  • 销售商品结转成本的记账凭证
  • 轿车折旧年限为几年
  • mysql %s
  • Linux系统怎么调整屏幕亮度
  • fedora s7
  • freebsd使用手册
  • 虚拟机增加磁盘选择物理磁盘分区
  • ubuntu的root
  • linux压缩.z
  • windows8.1关机在哪
  • linux useradd -m
  • pavfires.exe - pavfires是什么进程 有什么用
  • Javascript HTML5 Canvas实现的一个画板
  • html怎么下
  • python+django
  • python repr
  • python语言的特殊符号
  • javascript简明教程
  • Python Requests安装与简单运用
  • 河南2020年机构改革
  • 地税登记证编号是哪几位
  • 工会和税务局
  • 供热基础设施配套费
  • 地税局社保宣传标语
  • 国税局北京税务局官网
  • 税务管理工作检讨书范文
  • 两税法的历史解释
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设