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表单中所提供的数据进行验证,基于表单的验证使系统开发者可以自定义用户的登陆页面和报错页面.这种验证方法 ...
随机推荐
- Linux Autotools
/********************************************************************** * Linux Autotools * 说明: * 我们 ...
- 在Datatables中加入错误提示功能
经常用Datatables的童鞋一定碰到过当采用服务端请求的时候,一旦后台出现异常,Datatables的会一直卡在那里,中间的正在处理的提示一直停留着. 为了能给用户更好的体验,需要对Datatab ...
- Java之路
Java程序员 高级特性 反射.泛型.注释符.自动装箱和拆箱.枚举类.可变参数.可变返回类型.增强循环.静态导入 核心编程 IO.多线程.实体类.集合类.正则表达式.XML和属性文件 图形编程 AWT ...
- [转] gc tips(2)
原文地址:http://kevincao.com/2011/08/actionscript-garbage-collection-1/ 谈谈ActionScript垃圾回收(上) 在<给AS程序 ...
- 【转】Github轻松上手6-推荐follow的牛人和值得watch的repo
转自:http://blog.sina.com.cn/s/blog_4b55f6860100zzk5.html Github作为一个social coding 网站,其作用远远超过了一个简单的VCS( ...
- [Java]获取图片高和宽
通过javax.imageio.ImageIO类中的read()函数读取的图片,存放在类java.awt.image.BufferedImage类中.调用BufferedImage类中的getWidt ...
- struct 与 typedef struct
1. 基本解释 typedef为C语言的关键字,作用是为一种数据类型定义一个新名字.这里的数据类型包括内部数据类型(int,char等)和自定义的数据类型(struct等). 在编程中使用typede ...
- JAVA多线程一
介绍 线程是操作系统的最小单位,一个进程可以创建多个线程. 线程有五种状态,分别是新建.就绪.运行.阻塞.死亡状态. 多线程可以提高执行效率,但是如果单线程可以完成的任务,使用多线程反而会增加不必要的 ...
- HDU5800 To My Girlfriend 背包计数dp
分析:首先定义状态dp[i][j][s1][s2]代表前i个物品中,选若干个物品,总价值为j 其中s1个物品时必选,s2物品必不选的方案数 那么转移的时候可以考虑,第i个物品是可选可可不选的 dp[i ...
- .net core 使用
在本机上安装了 visual studio 2015后,还要安装 DotNetCore.1.0.1-VS2015Tools.Preview2.0.3.exe 才能编译 .net core 的代码.不然 ...