解放web程序员的输入验证_表单特效

本程序最初是由wanghr100(灰豆宝宝.net)的checkForm基础上进行修改的,增加了很多功能,如下:

  • 对非ie的支持
  • 增加了内置表达式和内置提示
  • 增加了显示方式(弹出式和页面显示式)
  • 增加了显示一条和显示全部
  • 进行了封装(CLASS_CHECK)
  • 支持外接函数或表达式(应用在密码一致)
  • 简化了调用方式,所有操作只需要<script language='javascript' src='checkform.js'>,然后在HTML里定义各标签验证格式
  • 对IE增加了对键盘输入的限制(如:定义usage='int'时,输入框只能输入数字(非IE无效)
  • 增加了对disabled的不验证
  • 自定义报警方式(重写showMessageEx方法)

 

声明: 对本程序可以任意复制传播,但请保留声明部分,对于内置的表达式有些没有做到很严格,如果你有好的建议和意见,欢迎邮件和我联系或者上我的博客留言 

简介:

    本程序只需要对需要验证的标签设置三个属性:usage,exp,tip

 

  • usage     : 内置格式或表达式或函数
  • exp        : 正则表达式(注意如果指定了usage则忽略exp)
  • tip          : 出错提示(如果是内置格式可以不要此属性,有缺省提示)

 

    调用时只需要引用<script language='javascript' src='checkform.js'></script>,然后为每个标记增加以上3个属性(不一定需要全部) ,注意本js的默认编码是gb2312,如果你的.net程序是utf-8,可以把js另存为utf-8格式的,或者该webconfig里编码为gb2312

 

演示:

  • 基本表达式演示
  • 内置表达式演示
  • 外接函数和外接表达式演示
  • 单条弹出式提示演示
  • 自定义报警测试

下载:

  • 下载
时间: 2024-11-01 15:23:06

解放web程序员的输入验证_表单特效的相关文章

番茄的表单验证类代码修改版_表单特效

在经典论坛上发过一次,个人的项目中在后台处理时用到这个东西,对于简单的表单验证还是挺方便的. 因为不想让代码变得太臃肿,所以有很多不常用的功能就没有再添加了 对于我佛山人的意见就没有做修改了,为什么?因为我懒呗,哈哈 今天看到omeweb也修改了一个版本,做了许多修改,改得挺不错的,谢谢了. 源码在这里:  //去除字符串两边的空格 String.prototype.trim = function () {     return this.replace(/(^\s+)|(\s+$)/g, "&

收藏的js表单验证控制代码大全第1/3页_表单特效

关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单: 目录: 1:js 字符串长度限制.判断字符长度 .js限制输入.限制不能输入.textarea 长度限制  2.:js判断汉字.判断是否汉字 .只能输入汉字 3:js判断是否输入英文.只能输入英文 4:js只能输入数字,判断数字.验证数字.检测数字.判断是否为数字.只能输入数字 5:只能输入英文字符和数字 6: js email验证 .js 判断email .信箱/邮箱格式验证 7:js字符过滤,屏蔽关键字 8:js

28个JS验证函数收集_表单特效

JS验证函数的调用方法和注意: 1.给表单设置onsubmit="return test()",配合<input type="submit" name="Submit" value="check"> 进行提交. 2.<input type=text onkeydown="test();"> //当鼠标按下直接调用函数验证 3.<input type=text onblur=&q

javascript Zifa FormValid 0.1表单验证 代码打包下载_表单特效

简介:完全通过html不需要写js程序就可以实现表单验证功能,可支持一个表单元件多条件验证  和服务端程序无关系,完全客户端方式.  使用方法:在要验证的表单中加上 onsubmit="return validator(this)"  在要验证的表单元件中设置,valid(验证规则),errmsg(提示消息),多个验证使用|全为分隔!  验证规则参数:  复制代码 代码如下: required 必填   isEmail 必须是Email格式   eqaul 和另一元件对比值是否相同,对

validator验证控件使用代码_表单特效

下面是js代码(在绑定对象的时候感觉很不优雅,希望高人能指点一二啊!) 复制代码 代码如下: function validator(obj,option){//验证对象 var self = this; if(!(self instanceof validator)) return new validator(obj,option); self.source={'mobile':'^(13|14|15|18)[0-9]{9}$','postcode':'^\\d{6}$','integer':'

实用的JS表单验证提示效果_表单特效

表单验证提示效果 帐号: 注册帐号(只支持数字和字母,如:love,love520) 密码: 请输入密码,请最少输入最少6位最多12位密码 确认密码: 请再输入一次上面的密码 邮箱: 请输入邮箱(Email),推荐使用网易邮箱@163.com 生日: 198319841985年56712月56712日请输入你的生日 QQ/MSN: 请输入你的QQ或MSN号码 电话: 请输入你的电话

用 Javascript 验证表单(form)中多选框(checkbox)值_表单特效

本文介绍了一个较为通用的获取 checkbox 值的方法,希望对新手有用. 复制代码 代码如下: <script type="text/javascript"> // 说明: 用 Javascript 验证表单(form)中多选框(checkbox)的值 // 作者: CodeBit function getCheckboxValue(checkbox) { if (!checkbox.length && checkbox.type.toLowerCase(

用 Javascript 验证表单(form)中的单选(radio)值_表单特效

本文介绍了一个较为通用的获取 radio 值的方法,希望对新手有用. 复制代码 代码如下: <script type="text/javascript"> // 说明: 用 Javascript 验证表单(form)中的单选(radio)值 // 作者: CodeBit function getRadioValue(radio) { if (!radio.length && radio.type.toLowerCase() == 'radio') { ret

强效、方便的表单通用检测JS 不错_表单特效

JS通用表单Input检测块(IE支持) 通过自定义每一个Input的六个新属性(可省略任意个) //自定义属性解释(IE支持): //ii_chname:表示该数据的中文名称 //ii_minsize:表示允许输入的最小长度,单位字节 //ii_maxsize:表示允许输入的最大长度,单位字节 //ii_type:限制输入的数据类型,有 EN(英文),CN(中文),NUM(实数),INT(整数),DATE(短日期),EMAIL(邮件) CARD(身份证),URL(网址),IP(IP地址),ID