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表单中所提供的数据进行验证,基于表单的验证使系统开发者可以自定义用户的登陆页面和报错页面.这种验证方法 ...
随机推荐
- hibernate中使用fetch来决策性能方案
什么时候用子查询,或者连接查询 一般多个数据的对应用子查询,单一行的数据用连接 (若要查询每个学生分别学了什么课程 ,若要fetch=join.fetch=select) 则是这种情况 Hiberna ...
- php排序测试
对 http://www.cnblogs.com/kudosharry/articles/2521621.html 这个补充的调用系统sort()函数的测试结果 1000个随机数: 直接插入排序:时间 ...
- 【转】Xcode6 模拟器路径
原文网址:http://www.cocoachina.com/bbs/read.php?tid-231024.html Xcode6发布后,出现了很多的变动,功能性的变动,在这里不进行过多的赘述,在W ...
- OpenGL学习之路(三)
1 引子 这些天公司一次次的软件发布节点忙的博主不可开交,另外还有其它的一些事也占用了很多时间.现在坐在电脑前,在很安静的环境下,与大家分享自己的OpenGL学习笔记和理解心得,感到格外舒服.这让我回 ...
- python tile函数用法
tile函数位于python模块 numpy.lib.shape_base中,他的功能是重复某个数组.比如tile(A,n),功能是将数组A重复n次,构成一个新的数组,我们还是使用具体的例子来说明问题 ...
- aspose.word 在书签处插入符号
doc.Range.Bookmarks["CBJYQQDFS110"].Text = ""; Aspose.Words.DocumentBuilder buil ...
- dos攻击
概念理解 DoS到底是什么?接触PC机较早的同志会直接想到微软磁盘操作系统的DOS--DiskOperationSystem?不,此DoS非彼DOS也,DoS即DenialOfService,拒绝服务 ...
- iOS 复选框风格转换 Switchery 开关效果
Switchery 是个简单的 JavaScript 组件,只要几个简单的步骤就可以帮助用户把默认的 HTML 复选框转换成漂亮 iOS 7 样式风格.用户可以很方便的自定义这种转换,所以可以很好的配 ...
- 又一枚神器:nginx
一直听说过nginx的大名,也自己装过,但是未直接使用其各种牛X的功能. 今天试用了一下,只能用两字感叹:牛逼!比如它提供的配置检查功能,真是贴心极了,又比如我想要的静态内容浏览器端缓存功能,动态内容 ...
- Delphi 7使用自定义图标关联文件类型
Delphi 7使用自定义图标关联文件类型 5.2 Delphi编程(40) 版权声明:本文为博主原创文章,未经博主允许不得转载. 在开发过程中,我们经常需要属于自己的文件类型,自定义的后缀名不仅可 ...