easyui 表单和自定义验证扩展和js自定义返回值
================jsp==========================
<form method="post" id="regfrminp" class="regfrminp">
<div>
<ul class="regtitle" >
<li>公司名称:
<input type="text" class="easyui-validatebox" required="true" name="aname" id="uname"/>
</li>
<li>公司帐号:<input type="text" name="acode" id="acode" class="easyui-validatebox" validtype="remote['index/checkput.hml','acode','该公司帐号已注册']" required="true"/>
</li>
<li>常用邮箱:<input type="text" name="email" id="email" class="easyui-validatebox" validtype="email['index/checkput.hml','email','邮箱格式不正确','添加']" required="true" />
</li>
<li>用户密码:<input type="password" name="pass" class="easyui-validatebox" data-options="required:true" id="pwd" />
</li>
<li>确认密码:<input type="password" class="easyui-validatebox" data-options="required:true" validType="equalsTo['pwd','密码不一致']" name="passt" id="pwdt" onkeyup="keyUpEnter()"/>
</li>
<li id="regbtn" >
<a href="javascript:void(0)">
<img alt="" src="data:images/yes.png" onclick="easyuiSubFrom('PubaccinfoController/reg.hml','regfrminp')" class="btnstyle"/>
</a>
<a href="">
<img alt="" src="data:images/back.png" class="btnstyle"/>
</a>
</li>
</ul>
</div>
</form>
==================js==================================
// easyui 非ajax提交表单
function easyuiSubFrom(url, frmId) {
if (frmId.substring(0, 1) != "#") {
frmId = "#" + frmId;
}
if ($(frmId).form('validate')) {
$(frmId).attr("method", "post");
$(frmId).attr("action", url);
$(frmId).submit();
}
}
// easyui ajax提交表单
function easyuiAjaxSubFrom(url, frmId) {
if (frmId.substring(0, 1) != "#") {
frmId = "#" + frmId;
}
var flag = false;
$(frmId).form('submit', {
async : false,
url : url,
data : $(frmId).serialize(),
onSubmit : function() {
return $(frmId).form('validate');// 对数据进行格式化
},
success : function(data) {
flag = true;
},
error : function(msg) {
flag = false;
}
});
return {
result : flag
};
}
// easyui 通用的验证扩展
$.extend($.fn.validatebox.defaults.rules,{
remote : {// 帐号验证
validator : function(value, url) {
var returnFlag = true;
$.ajax({
async : false,
type : "POST",
url : url[0],
data : url[1] + "=" + value,
success : function(msg) {
var jsonObj = eval(+""("+msg+")"");
if (jsonObj.id != "0") {
returnFlag = false;
url[2] = jsonObj.text;
} else {
returnFlag = true;
}
},
error : function() {
url[2] = "抱歉,服务器验证信息失败!";
returnFlag = false;
}
});
return returnFlag;
},
message : "{2}"
},
email : {// 邮箱验证
validator : function(value, url) {
var checkMail = /^([a-z0-9]|[A-Z0-9])+@+([a-z0-9]|[A-Z0-9])+\.+com$/;
if (!checkMail.test($.trim(value))) {
return false;
}
if (url[3] == '修改') {
if (value == $("#" + url[4]).val()) {//修改邮箱,排除自己当前的邮箱,其它的邮箱如果存在,该邮箱已经存在
returnFlag = true;
return returnFlag;
}
}
var returnFlag = true;
$.ajax({
async : false,
type : "POST",
url : url[0],
data : url[1] + "=" + value,
success : function(msg) {
var jsonObj =eval(+""("+msg+")"");
if (jsonObj.id != "0") {
returnFlag = false;
url[2] = jsonObj.text;
} else {
returnFlag = true;
}
},
error : function() {
url[2] = "抱歉,服务器验证信息失败!";
returnFlag = false;
}
});
return returnFlag;
},
message : "{2}"
},
equalsTo : {// 验证第二次输入是否与第一次输入一致
validator : function(value, oldValue) {
var returnFlag = true;
if (value != $("#" + oldValue).val()) {
returnFlag = false;
} else {
returnFlag = true;
}
return returnFlag;
},
message : "{1}"
},
nulls : {// 输入空格验证
validator : function(value) {
if ($.trim(value) != "") {
return value;
}
},
message : "{0}"
},
mobile : {// 手机验证
validator : function(value) {
var reg = /^1[3|4|5|8|9]\d{9}$/;
return reg.test(value);
},
message : "{0}"
},
phone : {// 电话验证
validator : function(value) {
var reg = /^(\d{3,4}-)?\d{7,9}$/;
return reg.test(value);
},
message : "{0}"
}
});
.............测试.........................
function subReg1(){
var flag=false;
$('#regfrminp').form('submit', {
async : false,
url : 'PubaccinfoControllers/reg.hml',
data : $('#regfrminp').serialize(),//序列化表单
onSubmit : function() {
return $('#regfrminp').form('validate');// 对表单数据进行验证
},
success : function(data) {
flag=true;
},
error : function(msg) {
flag=false;
}
});
return{result:flag};//返回值
};
function subReg() {
alert(subReg1().result);//测试返回值
}
easyui 表单和自定义验证扩展和js自定义返回值的更多相关文章
- EasyUI表单验证,自定义插件验证,自定义js插件验证,远程验证,常见手机号,中英文,qq等验证规则验证
{ field : 'startPort', title : "起始端口", editor: "text", width : 50, editor: { ...
- easyUI表单验证
1.重写easyui中的 $.extend($.fn.validatebox.defaults.rules, { }) 2.长度重写的方式 1 $.extend($.fn.validatebox.de ...
- 雷林鹏分享:jQuery EasyUI 表单 - 表单验证
jQuery EasyUI 表单 - 表单验证 本教程将向您展示如何验证一个表单.easyui 框架提供一个 validatebox 插件来验证一个表单.在本教程中,我们将创建一个联系表单,并应用 v ...
- 7、easyui 表单
这是最后一个小节了,后面将会使用一个小项目来进一步实用讲解: 在之前的什么相关只是点都以及讲过了或者说涉及到过,如datagrid表格,树形菜单,布局面板panel,页签,拖放功能,只是在表格的属性细 ...
- Easyui表单之按钮的提交
一.表单按钮的提交前代表对提交内容的验证 二.表单按钮的提交后代表对把数据提交给后台 1. 界面层页面编辑代码: <!DOCTYPE html> <html> <head ...
- 推荐几款很棒的 JavaScript 表单美化和验证插件
表单元素让人爱恨交加.作为网页最重要的组成部分,表单几乎无处不在,从简单的邮件订阅.登陆注册到复杂的需要多页填写的信息提交功能,表单都让开发者花费了大量的时间和精力去处理,以期实现好用又漂亮的表单功能 ...
- easyui表单插件-包括日期时控件-列表
← jQuery EasyUI 表单插件 – Numberspinner 数值微调器 jQuery EasyUI 表单插件 - Timespinner 时间微调器 jQuery EasyUI 插件 ...
- easyUI表单基础知识
easyUI创建异步提交表单 我们创建一个带有 name.email 和 phone 字段的表单.通过使用 easyui 表单(form)插件来改变表单(form)为 ajax 表单(form).表单 ...
- 在Tomcat中采用基于表单的安全验证
.概述 (1)基于表单的验证 基于From的安全认证可以通过TomcatServer对Form表单中所提供的数据进行验证,基于表单的验证使系统开发者可以自定义用户的登陆页面和报错页面.这种验证方法 ...
随机推荐
- I.MX6 Linux、Jni ioctl 差异
/*********************************************************************** * I.MX6 Linux.Jni ioctl 差异 ...
- 【英语】Bingo口语笔记(6) - 表示“迷茫”
- 【英语】Bingo口语笔记(78) - let系列
- Wiz发布cnblog笔记
[转自Wiz官网][插件]发布笔记到博客,更好的博客离线撰写工具 发表于 2011 年 2 月 23 日 由 admin 为知笔记支持绝大部分的博客离线撰写,可以方便地把笔记直接发布为博客. 使用 打 ...
- Linux系统性能诊断工具纲要
Linux的性能分析工具众多,在微博上发现了系统性能专家Brendan D. Gregg,在最近LinuxCon NA 2014大会上发布的关于Linux性能方面的talk和幻灯片.和去年比较,今年增 ...
- android 中如何获取camera当前状态
/** * 测试当前摄像头能否被使用 * * @return */ public static boolean isCameraCanUse() { boolean canUse = true; Ca ...
- 3500常用汉字与标点符号(已排除不支持GB2312的)
.?!,.::“”‘’…()<>〈〉[].,:;!?-'_"'()[]<>|&~;+-*/=<>0123456789ABCEFGHIJKLMNOP ...
- 使用模板时 error LNK2019: 无法解析的外部符号
类模板是c++编译器指令 说明了如何生成类和成员函数 除非编译器实现了新的关键字export关键字 否则将模板成员函数放置在一个独立的实现文件中 将无法运行 因为模板不是函数 他们不能单独编译 模板必 ...
- 64 位系统遇到未在本地计算机上注册 Microsoft.Jet.OLEDB.4.0
本人写的.net程序部署在windowsserver 2003的操作系统上正常,部署到windows server 2008上时候报错“未在本地计算机上注册 Microsoft.Jet.OLEDB.4 ...
- SWFUpload接受服务器Action返回的参数
首先我们要了解这个函数 function uploadSuccess(file, serverData) { try { var progress = new FileProgress(file, t ...