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表单中所提供的数据进行验证,基于表单的验证使系统开发者可以自定义用户的登陆页面和报错页面.这种验证方法 ...
随机推荐
- 关于ios越狱开发的那些事
也许吧,每每接触某些新东西的时候,都有点犯晕吧,这不是应该要的. 第一次接触ios越狱开发,也是这样吧.这篇主要是从无到有的说一下ios越狱的开发,网上很多的教程大部门都比较旧了吧,放在新设备上总是出 ...
- codeforce Codeforces Round #201 (Div. 2)
cf 上的一道好题: 首先发现能生成所有数字-N 判断奇偶 就行了,但想不出来,如何生成所有数字,解题报告 说是 所有数字的中最大的那个数/所有数字的最小公倍数,好像有道理:纪念纪念: #incl ...
- Mysql 不同版本 说明
Mysql 的官网下载地址: http://dev.mysql.com/downloads/ 在这个下载界面会有几个版本的选择. 1. MySQL Community Server 社区版本,免费,但 ...
- 【转】Github轻松上手5-站在巨人的肩膀上(Fork)
转自:http://blog.sina.com.cn/s/blog_4b55f6860100zzj3.html 有时候你可能想给别人的项目出把力,或者想以别人的项目作为自己项目的起点,在Github里 ...
- Node.js的循环依赖
我们知道在实际编程过程中,要尽可能的减少或者规避循环依赖情况的发生.但在现实环境中,有时却不得不产生循环依赖.Node.js不提倡使用循环依赖,但真有如此情况发生时Node.js也有办法解决.这篇博文 ...
- 通过反射执行get、set方法
Class clazz = sourceObj.getClass(); 1.获取所有属性 BeanInfo beanInfo = Introspector.getBeanInfo(clazz); Pr ...
- K2 Blackpearl开发技术要点(Part1)
转:http://www.cnblogs.com/dannyli/archive/2012/09/14/2685260.html K2 Blackpearl开发技术要点(Part1) 预知后事如何,请 ...
- SVN 命令行 精编版
1.将文件checkout到本地目录 svn checkout path(path是服务器上的目录) 例如:svn checkout https://svn.sinaapp.com/beckhom 简 ...
- [Everyday Mathematics]20150221
设 $y_n=x_n^2$ 如下归纳定义: $$\bex x_1=\sqrt{5},\quad x_{n+1}=x_n^2-2\ (n=1,2,\cdots). \eex$$ 试求 $\dps{\vl ...
- JVM内存结构之三--持久代
本文会介绍一些JVM内存结构的基本概念,然后很快会讲到持久代,来看下Java SE 8发布后它究竟到哪去了. 基础知识 JVM只不过是运行在你系统上的另一个进程而已,这一切的魔法始于一个java命令. ...