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表单中所提供的数据进行验证,基于表单的验证使系统开发者可以自定义用户的登陆页面和报错页面.这种验证方法 ...
随机推荐
- ISO中运行时简单使用及KVC补充
一.运行时简单使用 1.包含头文件<objc/message.h> 2.给对象发送消息的方法:objc_msgSend(id, SEL, ....) * 第1个参数是对象 * 第2个参数是 ...
- Java笔记之String
1. String s="a",t="b"; t.concat(s); 之后,t仍然是"b",而不是"ba",要使t是& ...
- pycharm Working directory error
/***************************************************************************** * pycharm Working dir ...
- Matlab中plot函数参数解析
功能 二维曲线绘图 语法 plot(Y) plot(X1,Y1,...) plot(X1,Y1,LineSpec,...) plot(...,'PropertyName',PropertyValue, ...
- linux 下RMAN备份shell脚本
RMAN备份对于Oracle数据库的备份与恢复简单易用,成本低廉.对于使用非catalog方式而言,将RMAN脚本嵌入到shell脚本,然后再通过crontab来实现中小型数据库数据库备份无疑是首选. ...
- 【转】Github轻松上手4-常用的git命令
转自:http://blog.sina.com.cn/s/blog_4b55f6860100zzih.html 附上一些git的常见命令: • git remote add origin git ...
- Shell教程3-Shell特殊变量
前面已经讲到,变量名只能包含数字.字母和下划线,因为某些包含其他字符的变量有特殊含义,这样的变量被称为特殊变量. 例如,$ 表示当前Shell进程的ID,即pid,看下面的代码: $echo $$ ...
- 最全的PHP开发Android应用程序
第一部分是指在Android系统的手机上直接写PHP脚本代码并立即运行: 第二部分则继续讲解如何把写好的PHP脚本代码打包成akp安装文件. 首先,在手机上安装两个apk包. 一个是SL4A(Scri ...
- win7 下配置resin的一些tip
一.如何查看jdk安装目录: 通过不同方法搜索javac看看, javac.exe 是java的编译器: 可用的搜索方法: 1.cmd 控制台: where javac 2.开始菜单的搜索: 一直到 ...
- php 采集程序 宋正河
本程序主要是通过php采集网页信息,程序自动存储采集进度,采用phpquery简化元素节点匹配,采集到的内容直接入库 你要做的只是写好采集语法,本程序适合有一定php基础的人使用!当然你也可以进行修改 ...