位置: 编程技术 - 正文

Jquery插件easyUi实现表单验证示例(jquery.js插件)

编辑:rootadmin

推荐整理分享Jquery插件easyUi实现表单验证示例(jquery.js插件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery插件大全,jquery插件使用教程,jquery插件大全,jquery.js插件,jqueryui easyui,jquery easyui插件,jquery-easyui,jquery-easyui,内容如对您有帮助,希望把文章链接给更多的朋友!

要实现的功能:在做添加学生信息的时候,利用easyui的验证功能判断 学号是否重复和学号只能为数字

最终效果如下图:

但在做这个的过程中,遇到了一系列的问题:

扩展validatebox的验证方法,最开始的验证代码如下:

在这里先只做学号重复验证,因为有其它一些问题,也遇到了一些问题:

表单开始是这样写的,validType属性写在data-options属性里:

这里就有一个问题就是:这样写Firebug会报错,因为#snumbers需要用引号引起来,但是直接加引号会出错,这里相当于是三重引号,网上查了很多资料,有的用转义,都行不通,我猜想这里是easyui解析的问题,除非更改easyui的源码。有大神知道的还请不吝赐教。然后将validType属性放在外面,验证成功,如下:

然后新的问题又出现了,如何把学号格式验证加进去?

我是这样写的,不成功,感觉还是三重引号的问题,Firebug报错,各种方法都试了,无效:

然后我试了另一种方式,动态加载easyui控件,但是两个验证放在一起还是会有同样的问题,在这里我肯定是easyui解析的问题了,也就不纠结了。

这里遇到两个问题,一个是怎么将ajax返回来的数据放进validType属性中,就是不用另一个textarea来存数据,未解决......求指导

第二个是动态设置easyui控件无效的问题,简单说下,代码如下:

这样就可以了;但是查看easyui的api后发现可以只解析某个dom元素。

Jquery插件easyUi实现表单验证示例(jquery.js插件)

下面这段代码达不到效果:

后经百度后得知:

parser只渲染$("#addSnumber")的子孙元素,并不包括$("#addSnumber")自身,而它的子孙元素并不包含任何Easyui支持的控件class,所以这个地方就得不到想要的效果了。

所以想要渲染单个元素要像下面这样写:

回到之前的问题,验证学号不能重复和学号格式。

最后网上查阅了各种资料,发现我的思路不行,因为我是先将所有学号加载到客户端再验证,但这样有一个问题,如果多个用户在这期间添加了学号就有可能导致重复。

所以最后将获取所有学号的操作放到验证函数里,如下:

这样写的好处是:可以实时加载数据来判断,在提交表单时也会再加载数据来判断一次,而且不需要传入参数,就不会再有三重引号的问题了;但有一个缺点就是会很多次请求数据库,服务器资源消耗大。

提交表单时加入下面这句,验证表单:

这里有另一个问题,表单代码如下:

这里将validType属性放在data-options外面后,不能验证,Firebug会报错!!!

最后将其放到data-options里面:

OK,都行了,两个验证都可以了!!!总结:easyui验证重复和格式,多重验证

最终效果如下图:

OK!!!大多都是自己多次尝试总结的,很多东西还不明白其中的原理,我想应该是easyui.min.js的问题,还需要继续学习,希望这篇文章可以帮到大家。

jQuery添加和删除指定标签的方法 jQuery如何为指定标签添加和删除一个样式:在网页的实际应用中,需要根据不同的条件来改变元素的CSS样式,通过动态的给元素添加删除一个CSS类可以实

基于jquery实现省市联动特效 本文实例讲述了基于jquery实现省市联动特效的代码,分享给大家供大家参考,具体如下:运行效果图:具体代码如下!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8

深入分析jQuery的ready函数是如何工作的(工作原理) 本文深入分析jQuery的ready函数是如何工作的。分享给大家供大家参考,具体如下:jQuery是一个伟大的脚本库,由JohnResig在年1月的BarCampNYC上释出第一个

标签: jquery.js插件

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

上一篇:jQuery进行组件开发完整实例(简单的jquery插件实例)

下一篇:jQuery添加和删除指定标签的方法(jquery添加删除属性)

  • 从农民手中收购粮食如何计算进项税
  • 金税四期对企业和个人的影响
  • 制单会计岗位实验报告
  • 财政基建拨款如何做分录
  • 变更法人代表要查征信吗
  • 开票时间超限怎么办
  • 以无形资产投资入股缴纳哪些税收
  • 装修费能否一次性支付
  • 公交补贴收入账务处理怎么做?
  • 建筑行业开工程票,材料抵扣有没有比例
  • 快递增值税税率
  • 销售货物收入与营业收入
  • 报价表含税点是什么意思?
  • 吊车租赁费可以开现代服务吗
  • 2017年7月1日通用机打发票能不能作为税收凭证?
  • 适用差额征税的小规模纳税人有哪些
  • 企业出售已使用过的固定资产税率
  • 电子通行费如何开发票
  • 企业新增股东
  • 开过去的普通发票多久不能冲红?
  • 以无形资产进行投资
  • 对方已经认证的红字发票怎么开
  • 清除cookies有什么用
  • vscode国内镜像
  • 做事应该怎么做
  • 基建期土地摊销
  • mmc.exe是什么进程
  • PHP生成静态页面
  • 基于骨骼关键点的动作识别
  • js构造函数的八种方法
  • yolov5s
  • 【简陋Web应用2】人脸检测——基于Flask和PaddleHub
  • 无形资产评估增值可以入账吗
  • 免税收入包括
  • 分期收款销售产品
  • dedecms转其他cms
  • 小微企业所得税优惠政策最新2023
  • 小规模纳税人是个体户吗
  • 作废的增值税普通发票怎么处理
  • sql死锁的简单例子
  • 残保金属于职工社保吗
  • 小规模企业收到普通发票如何做账
  • 为什么白条不能打白条
  • 增值税期末留抵税额是什么意思
  • 福利费为什么不可以抵扣进项税
  • 业务招待费需附上清单
  • 应收账款贷方余额应与什么科目合并后填入报表
  • 如何理解什么是半殖民地半封建社会
  • 记账凭证是不是转账凭证
  • 小规模纳税人的增值税计入成本吗
  • 股东实收资本超额到位
  • 发票超过密码区一点点
  • 其他应付款在借方表示什么
  • xp系统玩英雄联盟出现win32
  • ubuntu20.04怎么样
  • 2021图解
  • tcp半连接和全连接
  • win7系统安装ie11浏览器
  • win8休眠如何唤醒
  • 如何在linux系统中卸载一个已装载的文件系统
  • ext.grid.editorgridpanel
  • expand.grid函数
  • node.js编译
  • Perl的Mail::POP3Client模块和Gmail通信实例
  • cocos2dx-js
  • 自动断开网络共享怎么办
  • nodejs实战
  • unity getint
  • js的prepend
  • nodejs怎么启动服务
  • javascript命名空间
  • python如何发送http请求
  • javascript运用
  • javascrip语言
  • jquery操作元素样式
  • jquery22插件网
  • 纳税人防伪税控设备未抄报怎么操作
  • 福斯特会计软件下载
  • 北京税务迁址流程是什么
  • 增值税发票报税流程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设