位置: 编程技术 - 正文

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自定义组件)

  • 土地增值税要计增值税吗
  • 利润表主营业务成本怎么算
  • 车辆保险车船税怎么做会计分录
  • 样品销售如何记账
  • 房产开发后自用需要交土地增值税吗
  • 农林牧渔业项目概述怎么写
  • 企业进行税收筹划
  • 高薪技术企业研发人员人数
  • 施工机械保险费属于什么费用
  • 投标人认证证书
  • 未入账成本
  • 专用设备抵免企业所得税目录
  • 企业收到外汇的账务处理
  • 购货方跨月进项税额转出分录
  • 企业工会经费不足,可以向企业拨款吗
  • 小规模纳税人和一般纳税人哪个好
  • 旅行社代订机票发票写个人能报销吗
  • 土地使用税源编明细表怎么填
  • 归还银行贷款利息分录
  • 收到未知款项如何做账
  • 个体户租房交房怎么交税
  • 购进货物不能抵扣进项税额
  • 农产品免税产品可以开增值税专用发票吗
  • 农业公司收到项目资金
  • win8电脑系统还原
  • window10怎么创建wifi
  • 怎么扣除税费
  • gradle视频教程
  • PHP:pg_field_table()的用法_PostgreSQL函数
  • 增值税专用发票几个点
  • 微软即将终止当前系统版本
  • 体积最小的u盘
  • 企业发给员工的工资要交税吗
  • 基于网页的客服系统
  • php分页页码动态的实现
  • 企业非流动资产占比多说明什么
  • 电子商业汇票线下清算流程
  • 帝国cms建站教程
  • uni-app表单验证
  • mongodb4.4.2安装教程
  • 所得税汇算清缴怎么操作
  • 错开发票所需要提供的资料和时效要求是?
  • 装修增值税税率是多少2022
  • 税控盘每年的服务费可以全额抵扣吗
  • 用友t3的操作流程
  • sqlserver2008实例配置
  • 固定资产清理的含义
  • 银行承兑汇票和银行汇票的区别
  • 收到红字发票如何申报增值税?
  • 绿化工程苗木成活率交工标准
  • 纳税申报表多缴了怎么办
  • 内部使用的收据可以做原始凭证吗
  • 电信线路租用费用
  • 漏记以前年度财务费用怎么处理
  • 企业实收资本怎么计算
  • 居间活动费用由谁负担
  • 承兑汇票怎么拿钱
  • win8系统更新在哪里
  • mac阻止itunes自动弹出
  • linux 系统查看
  • win10无internet怎么办
  • linux chakan
  • 创建nodejs 基于express项目
  • 飞行歌曲
  • 优化了一些已知问题是什么意思安不安装
  • HTTP 304错误的详细讲解
  • jquery炫酷效果
  • 拦截器 aop
  • 如何修改apache端口号
  • python之virtualenv的简单使用方法(必看篇)
  • vue-cli使用
  • jquery模拟表单提交
  • linux进程切换 宋宝华
  • android设计模式的应用场景
  • angular keyup
  • Android ViewPager+Fragment滑动选项卡,tab点击选项卡
  • jquery跨域请求有哪些方式
  • 江苏国家电子税务局新版本怎么申领发票
  • 进口消费税怎么入账
  • 补办契税需要哪些资料
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设