编辑浪子版表单验证类


Posted in Javascript onMay 12, 2007

Autor:编辑浪子
From:http://bbs.51js.com/thread-68161-1-1.html
//表单验证类
function ValidatorClass()
{
 var IsError = false;

 //检查姓名,只能输入中文、字母、数字、下划线
 this.ChkName = function(obj,msg)
 {
 if (IsError) return;
 if (obj.value.Trim().length<2||(/[^u4e00-u9fa5w]/.test(obj.value.Trim()))) ErrorHandle(obj,msg);
 }

 //检查邮件地址
 this.ChkEmail = function(obj,msg)
 {
 if (IsError) return;
 if (!/^w+@w+.(?:com|cn|org|net|cc|tv|info|com.cn|net.cn|org.cn|gov.cn)$/i.test(obj.value.Trim())) ErrorHandle(obj,msg);
 }

 //检查地名,只能是中文,并不能为空
 this.ChkPlace = function(obj,msg)
 {
 if (IsError) return;
 if (obj.value.Trim().length<1||(/[^u4e00-u9fa5]/.test(obj.value.Trim()))) ErrorHandle(obj,msg);
 }

 //检查详细地址
 this.ChkAddress = function (obj,msg)
 {
 if (IsError) return;
 if (obj.value.Trim().length<2) ErrorHandle(obj,msg);
 }

 //检查邮件编码
 this.ChkPostNumber = function (obj,msg)
 {
 if (IsError) return;
 if(!(/^d{6}$/.test(obj.value.Trim()))) ErrorHandle(obj,msg);
 }

 //检查手机号码
 this.ChkMobile = function (obj,msg)
 {
 if (IsError) return;
 if (!(/^(?:13d|159)-?d{5}(d{3}|*{3})$/.test(obj.value.Trim()))) ErrorHandle(obj,msg);
 }

 //检查固定电话号码
 this.ChkPhone = function (obj,msg)
 {
 if (IsError) return;
 if (!((/^d{3,4}-?d{4,5}(d{3}|*{3})$/.test(obj.value.Trim())))) ErrorHandle(obj,msg);
 }

 //提交表单事件
 this.Submit = function (Form,msg)
 {
 if (IsError) return;
 if (msg) alert(msg);
 Form.submit();
 }

 //错误处理
 function ErrorHandle(obj,msg)
 {
 alert(msg);
 IsError = true;
 obj.focus(); 
 }

应用实例:
function ChkForm()
{
  var Form = document.TestForm;
  var Validator = new ValidatorClass();
  Validator.ChkName(Form.ZD_UserName,"订货人姓名不合法!");
  Validator.ChkEmail(Form.ZD_Email,"订货人邮件地址不合法!");
  Validator.ChkPlace(Form.ZD_Province,"订货人省份不合法!");
  Validator.ChkPlace(Form.ZD_City,"订货人城市不合法!");
  Validator.ChkAddress(Form.ZD_Address,"订货人地址不合法!");
  Validator.ChkPostNumber(Form.ZD_Zip,"订货人邮编不合法!");
  Validator.ChkMobile(Form.ZD_Mobile,"订货人移动电话不合法!");
  Validator.ChkPhone(Form.ZD_Phone,"订货人固定电话不合法!");
  Validator.Submit(Form,"验证成功!");
}

Javascript 相关文章推荐
jquery中常用的SET和GET
Jan 13 Javascript
js 限制数字 js限制输入实现代码
Dec 04 Javascript
JS创建自定义表格具体实现
Feb 11 Javascript
Egret引擎开发指南之编译项目
Sep 03 Javascript
jQuery层级选择器用法分析
Feb 10 Javascript
JavaScript实现文字与图片拖拽效果的方法
Feb 16 Javascript
javascript中对变量类型的判断方法
Aug 09 Javascript
JS创建事件的三种方法(实例代码)
May 12 Javascript
基于jQuery实现的幻灯图片切换
Dec 02 Javascript
AngularJS中table表格基本操作示例
Oct 10 Javascript
vue路由导航守卫和请求拦截以及基于node的token认证的方法
Apr 07 Javascript
elementUI select组件value值注意事项详解
May 29 Javascript
textContent在Firefox下与innerText等效的属性
May 12 #Javascript
关于__defineGetter__ 和__defineSetter__的说明
May 12 #Javascript
JavaScript Archive Network 集合
May 12 #Javascript
(仅IE下有效)关于checkbox 三态
May 12 #Javascript
弹出广告特效代码(一个IP只弹出一次)
May 11 #Javascript
模拟用户操作Input元素,不会触发相应事件
May 11 #Javascript
网上抓的一个特效
May 11 #Javascript
You might like
PHP的基本常识小结
2013/07/05 PHP
PHP文件与目录操作示例
2016/12/24 PHP
不懂JavaScript应该怎样学
2008/04/16 Javascript
[Web]防止用户复制页面内容和另存页面的方法
2009/02/06 Javascript
JQuery 常用操作代码
2010/03/14 Javascript
简短几句jquery代码的实现一个图片向上滚动切换
2011/09/02 Javascript
idTabs基于JQuery的根据URL参数选择Tab插件
2012/04/11 Javascript
js与jquery获取父元素,删除子元素的两种不同方法
2014/01/09 Javascript
使用delegate方法为一个tr标签加一个链接
2014/06/27 Javascript
易操作的jQuery表单提示插件
2015/12/01 Javascript
Bootstrap入门书籍之(四)菜单、按钮及导航
2016/02/17 Javascript
怎么限制input的text里输入的值只能是数字(正则、js)
2016/05/16 Javascript
微信小程序 网络请求(GET请求)详解
2016/11/16 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
2016/11/24 Javascript
AngularJS封装$http.post()实例详解
2017/05/06 Javascript
基于BootStrap的文本编辑器组件Summernote
2017/10/27 Javascript
微信小程序实现留言板功能
2018/11/02 Javascript
详解处理Vue单页面应用SEO的另一种思路
2018/11/09 Javascript
Node.js 的 GC 机制详解
2019/06/03 Javascript
vue中实现图片压缩 file文件的方法
2020/05/28 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
2020/11/06 Javascript
[02:31]DOTA2帕克 英雄基础教程
2013/11/26 DOTA
Python随机生成身份证号码及校验功能
2018/12/04 Python
Python 3.8新特征之asyncio REPL
2019/05/28 Python
Python concurrent.futures模块使用实例
2019/12/24 Python
Pymysql实现往表中插入数据过程解析
2020/06/02 Python
CSS3 Flex 弹性布局实例代码详解
2018/11/01 HTML / CSS
武汉某公司的C#笔试题面试题
2015/12/25 面试题
摄影实习自我鉴定
2013/09/20 职场文书
新闻发布会主持词
2014/03/28 职场文书
培训研修方案
2014/06/06 职场文书
机电系毕业生求职信
2014/07/11 职场文书
项目转让协议书
2014/10/27 职场文书
班主任2015新年寄语
2014/12/08 职场文书
2015年综治宣传月活动总结
2015/03/25 职场文书
超级详细实用的pycharm常用快捷键
2021/05/12 Python