通用表单验证函数

• 　　不管是动态网站,还是其它B/S结构的系统,都离不开表单,表单做为客户端向服务器提交数据的载体担当相当重要的角色.这就引出了一个问题,提交的数据合法吗?摆在我们面前的问题就是验证这些数据保证所提交的数据是合法的.所以,我们写了一个大堆的验证函数.当我们开始新的一个项目的开发时,我们又得写一大堆的验证函数,然后再调试这一大堆的函数...

  　　本文将介绍一种方法来提高我的代码的可重用性,提高我们的开发效率.

  　　个人以为表单的验证应该包含两部分:
  　　　　第一,判断用户输入的数据是否合法.
  　　　　第二,提示用户你的数据为什么是不合法的.

  　　所以,我们的通用表单验证函数要实现的功能就是:
  　　第一,取得用户输入的数据GetValue(el)
  　　第二,验证用户的数据CheckForm(oForm)
  　　IE支持自定义属性,这就是这个通用函数实现的基础
  　　我们可以在表单元素上加入描述自身信息的属性.有点像XML吧.
  　　check属性:该属性用于存储数据合法性的正则表达式.
  　　warning属性:该性性用于存储出错误提示信息.
  　　第三,返回有误的表单提示GoBack(el)
  　　这三个步骤的触发事件是onsubmit,记住是return CheckForm(this)
  　　搞错了就全功尽弃了 :)
  　　<form onsubmit="return CheckForm(this)">

  　　写到这里,整体框架就出来了,通过取得表单元素的check属性,取得字符串,构建正则表达式.再验证其值.如果通过验证就提交,如是数据不合法则取得表单元素的warning属性,产生提示信息.并返回到该表单元素.整个的框架也比较简单.
  　　我们要做的就是写好正则表达式!

  　　接下来我们来分析一下所有的表单元素
  　　按其共性,我们将它们分为三类
  　　每类表单的特点不一样,我们的目标就是写出通用的.

  　　1.文输入框Text
  　　<input type="text" name="txt">
  　　<input type="password" name="pwd">
  　　<input type="hidden" name="hid">
  　　<input type="file" name="myfile">
  　　<textarea name="txts"></textarea>
  　　2.单多选框Choose
  　　<input type="checkbox" name="c">
  　　<input type="checkbox" name="c">
  　　<input type="radio" name="r">
  　　<input type="radio" name="r">
  　　3.单多下拉菜单Select
  　　<select name="sel"></select>
  　　<select name="sels" multiple></select>

  　　
  　　讲了一堆"大道理"太抽象了,代码更有说服力!

  　　Check.js   JS函数文件
  　　////////////////////////////////////////////////////////////////////////////////
  　　/*
  　　 *--------------- 客户端表单通用验证CheckForm(oForm) -----------------
  　　 * 功能:通用验证所有的表单元素.
  　　 * 使用:
  

• [1] [2] [3] [4] [5] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 通用表单验证函数 相关文章：
• ·通用表单验证函数
• ·实用代码分析：JavaScript通用表单验证函数
• ·javascript实现通用表单验证函数
• 通用表单验证函数 相关软件

上一篇:网页中相关事件的详细讲解和说明

下一篇:网站推荐：网页制作中常用的一些代码小结

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com