教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 Jquery easyui表单异步验证扩展

Jquery easyui表单异步验证扩展

发布时间:2015-12-29   编辑:jiaochengji.com
本文介绍了jquery easyui实现表单异步验证的方法,有需要的朋友参考下。

在使用jquery easyui时,很多实用要用到异步验证,但是jqueryeasyui本身并没有提供相关的实现。

对其进行了扩展。
 

复制代码 代码示例:
remote: {
validator: function(value, url){
    $.post(url+"",{name:value},function(data){
    if(data=="unexist"){
       flag = true;
       $.data(document.body,"flag",flag);
       }else if(data=="exist"){
          flag = false;
          $.data(document.body,"flag",flag);
       }
    });
    return  $.data(document.body,"flag");
},
message: '已被占使用'
    }
 

例子:
 

复制代码 代码示例:
<input type="input" class="easyui-validatebox" validType="remote['organization/organization!isUserNameExist.action?userid=${usertable.userid}']" required="true"/>

在后台返回的字符串给定死了(unexist和exist),可以自行调整。
添加和修改表单的验证都可用。    

总结:此扩展主要灵感来自与length长度验证。
 
本人对jquery easyui某些版本做了稍微的研究,也做了一些扩展(例如:datagrid添加的查询区域属性searchform)和bug的修复。

您可能感兴趣的文章:

关键词: easyui  jquery easyui  表单验证  异步   
[关闭]
~ ~