位置: 编程技术 - 正文
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元素。
下面这段代码达不到效果：
后经百度后得知：
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 转载请保留说明！