================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. 免费的WebService

    天气预报Web服务,数据来源于中国气象局 Endpoint :     http://www.webxml.com.cn/WebServices/WeatherWebService.asmx Disc ...

  2. [转载] ubuntu开机直接进入命令行模式

    最近安装了ubuntu12.04来使用,每次都进入unity界面再进入命令行很不方便. 不需要界面的话,可以通过设置来开机进入命令行模式. 今天提供两中比较好的方法.经本人测试两中方法都可使用. [1 ...

  3. linux内核值shmmax问题

    问题:(rac安装过程中grid检测)  Please run the following script on each node as "root" user to execut ...

  4. 基于CentOS与VmwareStation10搭建Oracle11G RAC 64集群环境:2.搭建环境-2.6. 安装Oracle所依赖的必要包

    2.6. 安装Oracle所依赖的必要包 2.6.1. 检查Oracle所依赖的必要rpm包 [root@localhost /]#rpm -q binutils compat-libstdc elf ...

  5. freemaker转word xml注意事项

    java类字符串变量如果含有以下2种字符: &和  <,必须转义否则转化将失败. 其中: &替换成 & <替换成 < 因为一些怪字符数据库存储时已转义了,从数 ...

  6. [转] DateTime.Now.ToString()的较为全面的使用介绍

    原文地址 DateTime.Now.ToString() 用法 具体的操作如下面的两段代码 //2008年4月24日 System.DateTime.Now.ToString("D" ...

  7. C# 对Excel文档打印时的页面设置

    1.对打印页面的朝向,页宽,页高进行设置 参考源码[1] using Excel = Microsoft.Office.Interop.Excel; Excel.Application tmpExce ...

  8. Android项目中单实例数据库类,解决database is locked

    一.数据库操作 package com.ping.db; import android.content.Context; import android.database.sqlite.SQLiteDa ...

  9. 【Mongo】MongoVUE的使用

    我一直是在终端操作的mongo,各种update set remove insert,后来查了下有个叫mongoVUE的客户端,界面化比较方便操作吧~ 网上搜了下,说MongoVUE已经n年没有更新了 ...

  10. 细雨学习笔记:Jmeter集合点

    设置集合点的原则 (1) 集合点设置数<=线程组线程数量(因为大于线程组线程数量的话就永远也到不了集合点) (2)线程组线程数量是集合点设置数的整数倍(因为分组有余数的话最后一组永远也到不了集合 ...