位置: 编程技术 - 正文

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添加删除属性)

  • 专项扣除子女教育大学生可以吗
  • 其他综合收益算营业利润吗
  • 公司的车不处理违章可以吗
  • 管理费用怎么结转成本
  • 企业缴纳的财产保险费会计分录
  • 政府补助应计入
  • 航天金税服务费诈骗
  • 如何理解出口退税政策
  • 毁损材料的损失怎么算
  • 未付款怎么说
  • 建筑企业在工程所在地全额征收
  • 增值税要转到营业税金及附加吗
  • 企业购买结构性存款会计处理
  • 其他货币资金怎么做账
  • 投标费用属于什么会计科目
  • 以产品分成方式销售商品
  • 临时工工资单怎么做
  • 无经营零申报公司注销要交印花税吗
  • 场地维修属于什么费用
  • win11壁纸设置
  • php字符串定义
  • 小规模纳税人税控设备可以抵扣吗设备
  • vue3.0解决跨域
  • 亏损销售怎么结转库存成本怎么计算
  • 为什么要进行税费改革
  • 以前年度损益调整在利润表中怎么填
  • css设置3d
  • 让我用用你的计算机
  • flex布局用法
  • 企业购进固定资产,在安装完工交付使用时
  • 专用发票费率
  • 银行承兑汇票贴现分录
  • vscode主题插件护眼
  • 有效税额可以更改吗
  • 公司扣除保险费会计分录
  • 残保金滞纳金可以税前扣除吗
  • 一般纳税人申请条件
  • 资产负债表日后事项是指资产负债表日之后至审计报告
  • mysql数据库如何升级
  • 政府补助确认递延所得税负债
  • 小规模纳税人企业所得税2023
  • 固定资产基本特点
  • 物流辅助服务包含哪些内容
  • 福利费列支的个税怎么算
  • 电商商品采购流程
  • 冲抵和抵扣
  • 固定资产已经超额融资了还能发放置换贷款吗
  • 粗纤维测定仪价格
  • 海关进口代理公司名称
  • 预付押金是否可以退回
  • 购入原材料结转成本怎么算
  • 为什么总成本费用不变
  • 商业企业销售摩托车需不需要征收消费税
  • 企业和债权人有什么利益冲突
  • 复式记账法主要有
  • sqlserver日志清理
  • win8.1安装失败
  • 笔记本用的上网卡
  • 轻松玩转职场职场沟通与写作技巧答案
  • winxp/win2000/win2003
  • fedora系统怎么安装
  • 跳线短路
  • config是什么文件夹
  • win7记事本功能
  • windows语音识别
  • win7右下角图标点了没反应
  • Slackware Linux init 进程
  • win10系统自定义设置
  • Android Eclipse 项目报错,但没有显示具体错的代码位置
  • qt rgb颜色
  • node.js的流的作用
  • css中dl
  • unity socket udp
  • 数据库的基本操作语句有哪些
  • particular粒子怎么用
  • Python爬取网易云音乐歌单内歌曲歌手封面播放地址
  • 10个JavaScript中易犯小错误
  • jquery showdialog
  • 小学语文教学的核心素养
  • ca认证登录不了
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设