最近在用 jquery的插件easyui,由于validatebox的默认只有3种验证模式。想有一个符合自己需求的这种ajax的验证,在网上百般搜索代码,没有一个能用的。无奈自己看着手册摸索一个。
自己第一个版本失败了,每次输入字符cpu都在蠢动。郁闷、肯定是验证太不严谨。由于手册比较简单,不懂jeasy的重写视图。期间参阅许多大才们的文章。可惜忘了收藏...没法贴出。
【html代码】
<input class="easyui-validatebox" required="true" validType="loginName[位数, 远程验证文件, 命名, 参数3可选]" missingMessage="不为空提示"></input>
【js代码】
$.extend($.fn.validatebox.defaults.rules, {
loginName: {
// param 参数集合
validator: function (value, param) {
if (value.length < param[0]) {
$.fn.validatebox.defaults.rules.loginName.message = '用户名要' + param[0] + '位数!';
return false;
} else {
if (!/^[\w]+$/.test(value)) {
$.fn.validatebox.defaults.rules.loginName.message = '用户名只能英文字母、数字及下划线的组合!';
return false;
} else {
var postdata = {};
if (param[3]) {
postdata[param[2]] = param[3];
} else {
postdata[param[2]] = value;
}
var result = $.ajax({
url: param[1],
data: postdata,
type: 'post',
dataType: 'json',
async: false,
cache: false
}).responseText;
if (result == 'false') {
$.fn.validatebox.defaults.rules.loginName.message = '用户名已存在!';
return false;
} else {
return true;
}
}
}
},
message: ''
}
【远程验证脚本】
//这个可以根据自己的脚本写
//一系列SQL查询,返回结果
if (NO){
return true;
} else {
return false;
}
【jeasyui官网】
http://www.jeasyui.com
【附上这位大才的翻译】
http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html
如有错误和不严谨的地方望各位看官不吝指教。
分享到:
相关推荐
easyui的validatebox可以进行邮件,电话,数字验证等
这是我自己总结出来easyui-textbox和easyui-combobox的onchange事件响应实例,绝对可用,网上很多实例都无法运行,这个我亲自测试可用使用才传上来的,供大家参考学习。
jquery-easyui-EDT-1.5.2-build1 jquery-easyui-EDT-1.5.2-build1
使用jquery-easyui框架搭建用户界面自定义布局
jquery-easyui-1.7.0 官方文档以及源码,演示demo,内容详细
jquery-easyui-1.2.2jquery-easyui-1.2.2jquery-easyui-1.2.2
jquery-easyui-EDT-1.4.2-,包括中文文档以及一些示例,静态资源,各种样式
jQuery EasyUI jquery-easyui-1.5.5.6 版 API 中文版 PDF和chm版本,jQuery
jquery-easyui-1.0.5API 使用说明文档 jquery_easyui_manual_cnjquery-easyui-1.0.5API 使用说明文档 jquery_easyui_manual_cnjquery-easyui-1.0.5API 使用说明文档 jquery_easyui_manual_cn
easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。 easyui...
jquery-easyui-1.5后台模板.zip jquery-easyui-1.5后台模板.zip jquery-easyui-1.5后台模板.zip jquery-easyui-1.5后台模板.zip
该资源为jquery-easyui-1.5.5版本,包含easyui插件所依赖的js和css
jquery-easyui-1.3.1,兼容IE7.0
Jquery-Easyui-1.2.3以及帮助文档
easyui-lang-zh_CN.js easyui-lang-zh_CN.js 页面开发,使用easyui,进行汉化使用js文件
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI...jQuery-Easyui-1.2.6中含有jQuery库、easyui库、demo实例和jquery_easyui_中文帮助文档等。
jquery-easyui-themes,easyui主题包,包含metro-blue metro-gray metro-green metro-orange metro-red ui-cupertino ui-dark-hive ui-pepper-grinder ui-sunny这些主题,具体的php使用方式见:...
easyui-datagrid之间拖拽效果demo
用easyui-filebox上传Excel文件(ASP.NET MVC)。包括前端html代码和服务器端的C#代码。我写的,亲测可用。