================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"/>&nbsp;
        </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自定义返回值的更多相关文章

  1. EasyUI表单验证,自定义插件验证,自定义js插件验证,远程验证,常见手机号,中英文,qq等验证规则验证

     { field : 'startPort', title : "起始端口", editor: "text", width : 50, editor: { ...

  2. easyUI表单验证

    1.重写easyui中的 $.extend($.fn.validatebox.defaults.rules, { }) 2.长度重写的方式 1 $.extend($.fn.validatebox.de ...

  3. 雷林鹏分享:jQuery EasyUI 表单 - 表单验证

    jQuery EasyUI 表单 - 表单验证 本教程将向您展示如何验证一个表单.easyui 框架提供一个 validatebox 插件来验证一个表单.在本教程中,我们将创建一个联系表单,并应用 v ...

  4. 7、easyui 表单

    这是最后一个小节了,后面将会使用一个小项目来进一步实用讲解: 在之前的什么相关只是点都以及讲过了或者说涉及到过,如datagrid表格,树形菜单,布局面板panel,页签,拖放功能,只是在表格的属性细 ...

  5. Easyui表单之按钮的提交

    一.表单按钮的提交前代表对提交内容的验证 二.表单按钮的提交后代表对把数据提交给后台 1. 界面层页面编辑代码: <!DOCTYPE html> <html> <head ...

  6. 推荐几款很棒的 JavaScript 表单美化和验证插件

    表单元素让人爱恨交加.作为网页最重要的组成部分,表单几乎无处不在,从简单的邮件订阅.登陆注册到复杂的需要多页填写的信息提交功能,表单都让开发者花费了大量的时间和精力去处理,以期实现好用又漂亮的表单功能 ...

  7. easyui表单插件-包括日期时控件-列表

    ← jQuery EasyUI 表单插件 – Numberspinner 数值微调器 jQuery EasyUI 表单插件 - Timespinner 时间微调器  jQuery EasyUI 插件 ...

  8. easyUI表单基础知识

    easyUI创建异步提交表单 我们创建一个带有 name.email 和 phone 字段的表单.通过使用 easyui 表单(form)插件来改变表单(form)为 ajax 表单(form).表单 ...

  9. 在Tomcat中采用基于表单的安全验证

    .概述   (1)基于表单的验证 基于From的安全认证可以通过TomcatServer对Form表单中所提供的数据进行验证,基于表单的验证使系统开发者可以自定义用户的登陆页面和报错页面.这种验证方法 ...

随机推荐

  1. hdu 1885 Key Task(bfs+位运算)

    题意:矩阵中'#'表示墙,'.'表示通路,要求从起点'*'到达终点'X',途中可能遇到一些门(大写字母),要想经过,必须有对应的钥匙(小写字母).问能否完成,若能,花费的时间是多少. 分析:同hdu ...

  2. HDU 2026 首字母变大写

    #include<cstdio> #include<cstring> #include<algorithm> using namespace std; int ma ...

  3. mysql同步 小问题

    由于历史遗留问题,我们的MySQL主从库的表结构不一致,主库的某个表tableA比从库表tableA少了一个字段. 当尝试在主库上更改表结构时,这行alter语句会随着binlog同步到从库,如果从库 ...

  4. Java 中的二维数组

    所谓二维数组,可以简单的理解为是一种“特殊”的一维数组,它的每个数组空间中保存的是一个一维数组. 那么如何使用二维数组呢,步骤如下: 1. 声明数组并分配空间 或者 如: 2. 赋值 二维数组的赋值, ...

  5. hdu 1527(威佐夫博奕)

    题意:容易理解. 分析:威佐夫博奕的模板题. 代码实现: #include<stdio.h> #include<string.h> #include<math.h> ...

  6. 康乐不风流之爱解题的pde灌水王张祖锦

    康乐不风流之爱解题的pde灌水王张祖锦 师弟: 邓洪存 (现在烟台大学任教) 好吧, 我一直想写写康乐园里与我相熟的这几个人, 不如趁此机会开始. 第一批人物为张祖锦.苏延辉.张会春.黄显涛.刘兴兴. ...

  7. CListCtrl总结.xml

    pre{ line-height:1; color:#d1653c; background-color:#000000; font-size:16px;}.sysFunc{color:#566d68; ...

  8. 前端架构:Angular与requirejs集成实践

    这几天angular与requirejs.browserify的集成弄的博主头好晕,今天终于成功集成了requirejs,现写些心得体会在这里. 核心思想:angular加载时有一定的顺序,必须依次加 ...

  9. LeetCode Database: Rank Scores

    Write a SQL query to rank scores. If there is a tie between two scores, both should have the same ra ...

  10. PHP中mysql_affected_rows()和mysql_num_rows()区别

    mysql_affected_rows -- 取得前一次 MySQL 操作所影响的记录行数mysql_num_rows -- 函数返回结果集中行的数目. config.php <?php hea ...