`

Javascript 验证组件

阅读更多

这个验证API提供了许多不错的验证函数,能满足常规开发的大部需求。
并且提供了诸如身份证,手机号码,邮政编码,严格的日期验证(闰年判断)...等等。

而表单自动验证组件。则利用HTML控件的自定义属性来定义输入限制。使用方式很简单:
比 如有一个输入控件<input type="text" name="age">,比如需要限制为 12岁到70岁之间,只需如这样写<input type="text" name="age" limit="type:int;between:12-70">,即可。
那么,调用验证方法可以这样写:<input type="text" name="age" limit="type:int;between:12-70" onblur="validElement(this).">
如果这个控件属于某一个表单,则可以调用checkForm(form,isCheckAll)来完成验证。

可以在此下载这个组件:
http://code.google.com/p/cwin/downloads/list

以下是这个验证组件的API文档。
功能1.表单字段验证
      方法签名:validElement(element).
      功能:如果验证失败,返回false。显示在页面或跳出错误信息。
      参数说明:element:HTML元素,在页面上调用此方法时请使用 'this'调用。
                limit:验证条件串:如:'type:float;required:true;decLen:2'
                      limit的属性可以有: type,required,len,between,decLen,
                                         equals,general
                      属性说明:
type:string,int,digit,float,email,ip,url,date,datetime,time
                             tel,fax,mobileCn,idCard,signName,name,postcodeCn
                             default: string.
                        required:可选值有true和false.default:false.
                        len:字符串长度,值为 "6-20",表示长度在6和20之间。也可
                             以为"-20",表示不超过20。
between:数值有效,在两个值之间。可为 "10-100",表示大
                                小在10与00之间,也可为"-100",表示小于100。
                        decLen:浮点型精度长度.若不符合精度将会自动纠正.
                        equals:是否要求与其它元素相等。用于密码确认等场合.
                        general:是否是一般字符。不包括特殊字符.Default:true.
                msgArea:显示错误信息的SPAN或DIV的ID。如果传入为空,则会查找
                        global_error_msg_area 的SPAN或DIV,如果也为空,则会
                        alert 这些错误信息。
                msg:错误信息,如果这个参数为"",则会打出默认的错误信息.
功能2.表单自动验证:
      方法签名:checkForm(form,isCheckAll)
      isCheckAll:是否检查所有的元素:如为False,验证会在第一个错误出现时退出,否则,会验证所有的元素
      功能:验证表单中所有需要验证的字段.失败返回false.显示或跳出错误信息.
      使用条件:需要验证的元素需要定义至少 limit 属性,程序会自动搜索这个表单中所有需要验证的元素。
提示:如果您需要把错误信息显示在某一个单独的地方,可以定义一个ID为 global_error_msg_area 的DIV或是SPAN
    表单的验证将默认限制特殊字符,可以加入 general:false 来取消限制
----------------------------------------------------------------------------
----------------------------------------------------------------------------
  Subject:       JavaScript validation API
验证API
验证函数列表:

judgeDigit(arguments...) :判断是否数字
三种调用方式:
1.一个参数,简单判断是否为数字,但长度不超过10位
2.三个参数,第二个参数为 '>'(大于) 或 '<'(小于),第3个参数为要比较的数字
3.三个参数,第二个参数与第三个参数均为整数,判断传入的第一个参数值是否在他们中间.(含边界)

judgeFloat(arguments...):浮点数
如果是一个参数,那么判断是否为浮点数
如果有两个参数,那么将第二个参数作为精度限定参数
如果有三个参数,那么第二个参数为最小值,第三个参数是将作为数值上限

isDigit(str):是否数字

isSignName(arguments...)
两种调用方式:
一个参数:(默认为2--32位),判断标识符或是登录名
判断标识符或是登录名,以字母开头,可带数字、"_"、"." 的字串
三个参数:
限定最小长度(第二个参数)与最大长度(第三个参数)

isRealName(str) :判断是否是真实姓名
isTel(str) :电话号码:除数字外,可含有"-".校验普通电话,除数字外,可用"-"或空格分开
isMobileCN(s) :中国大陆地区手机号码,以13或15开头,使用时请根据变化修改,
isPostalCodeCN(s):中国地区邮编
isEmail(s) :E-mail
isURL(s) :URL
isIP(s):IP-32
isHtmlTag(s):HTML Tag
isIDNumber15(s):身份证号15位
isIDNumber18(s):身份证号18位
isChineseString(s):中文字符
isDoubleByteString(s):双字节
hasHESpace(s):是否包含首尾空格,如果包含,返回TRUE
isQQ(s):QQ
isFloat(s):是否是浮点数
isLeapYear(y):是否闰年
isDateYMD(s):日期:yyyy-mm-dd 或 yyyy/mm/dd,支持1600年以后(包含闰年验证)
isDateDMY(s):日期:dd-mm-yyyy 或 dd/mm/yyyy,支持1600年以后(包含闰年验证)
isDateMDY(s):日期:mm/dd/yyyy 或 mm-dd-yyyy,支持1600年以后(包含闰年验证)
isDateTimeYMD(s):日期:yyyy/mm/dd hh:mm:ss 或 yyyy-mm-dd hh:mm:ss,支持1600年以后(包含闰年验证)

containsSpecialChar()
是否包含非特殊字符(正常字符包括字母数字,下划线,和点号,空格,@#$% 和双字节)若包含,返回true

以下方法遵守这样的调用法则:
1.一个参数,不限制长度
2.三个参数,第二个参数表示允许的最小长度,第三个参数表示允许的最大长度

isDigitString():数字
isLetter():字母
isUpperLetter():大写字母
isLowerLetter():小写字母
isLetterNumString():字母与数字
isLNUString() :数字,字母,下划线字符串

分享到:
评论

相关推荐

    轻量、无依赖的 JavaScript 验证组件

    本文将深入探讨一个轻量、无依赖的JavaScript验证组件,它能帮助开发者轻松实现表单验证,提高用户体验。 这个名为"validator.js"的组件专注于提供简洁、高效的验证功能,无需额外引入其他库或框架。这意味着开发者...

    一款轻量、无依赖的 相同 name 的表单验证,动态验证,兼容 chrome 、firfox 、IE9 +的JavaScript

    本文将深入探讨一个针对Web应用开发的轻量级JavaScript验证组件,该组件专为处理具有相同name属性的表单字段进行动态验证,并且兼容主流浏览器,包括Chrome、Firefox以及IE9及以上版本。 表单验证是Web应用中不可或...

    js验证组件 talent-validate

    `talent-validate` 是一款专为前端开发人员设计的JavaScript验证组件,它简化了表单验证的过程,提供了一种高效且可自定义的方式来确保用户输入的数据符合预设的规则。这个组件的核心目标是提高用户体验,通过实时...

    web前段通用验证器common-validator-2.0.js

    一款灵活通用的JavaScript验证组件,支持灵活多样的验证方式。 此为2.0版本,是在1.0基础架构上做了全新的调整, 希望能通过这个JS验证器小组件为我们码农们提供微小的帮助。 1、启用创建Validator方式,不再使用...

    JavaScript实现对页面的验证脚本组件-源代码

    JavaScript是一种广泛应用于网页和网络应用的编程语言,尤其在客户端验证中扮演着重要角色。...通过分析源代码,你可以提升JavaScript编程技巧,理解如何构建可复用的验证组件,以及如何优雅地处理用户输入验证。

    Web客户端统一验证JavaScript函数库组件概述Web客户端统一验证JavaScript函数库组件概述Web客户端统一验证JavaScript函数库组件概述Web客户端统一验证JavaScript函数库组件概述

    Web客户端统一验证JavaScript函数库组件是前端开发中一个至关重要的工具,它主要用于在用户提交数据前进行实时的数据验证,确保输入的信息符合预期的格式和规则,从而提高用户体验并减轻服务器端的压力。JavaScript...

    JavaScript客户端验证和页面特效制作(JavaScript)

    JavaScript是Web开发中不可或缺的一部分,尤其在客户端验证和页面特效制作方面发挥着重要作用。这个资料包,名为"JavaScript客户端验证和页面特效制作(JavaScript)",很可能是北大青鸟ACCP5.0课程的一个部分,旨在...

    验证表单组件(js实现)

    2. **JavaScript验证基础** - JavaScript是一种运行在客户端的脚本语言,能实时检查用户输入,无需等待服务器响应。 - DOM操作:通过JavaScript可以获取、修改HTML表单元素,实现验证逻辑。 - 事件监听:如...

    JavaScript函数库组件(ChkInputs)概述(含源码)

    JavaScript函数库组件ChkInputs是一个强大的工具,专为前端开发者设计,用于实现高效且灵活的表单输入验证。ChkInputs的核心目标是简化Web应用程序中的数据验证过程,提供了一种统一的方法来处理用户输入的数据检查...

    java中验证脚本组件

    - **JavaScript**:在客户端,可以使用JavaScript进行初步验证,提供即时反馈,但需要注意的是,客户端验证不能替代服务器端验证,因为客户端验证可以被绕过。 - **Spring Framework**:在Spring框架中,`@Valid`...

    java实用组件集 源码 验证脚本组件

    《java实用组件集》 源码 验证脚本组件 针对sample.htm做以下说明: 1、在与间加入如下代码:&lt;script Language="JavaScript" src="ScriptLib/Validation.js"&gt; 2、在与间添加onclick函数如页面submitButton_onclick()...

    jquery表单验证组件

    **jQuery表单验证组件**是基于JavaScript库jQuery的一款强大且易于使用的工具,它极大地简化了网页表单的数据验证过程。这个组件旨在提供一种灵活、高效的方式,确保用户在提交表单时输入的数据符合预设的规则,从而...

    uni 滑动验证码 css和验证组件.zip

    - 验证组件的JavaScript部分负责处理触摸事件,记录滑动开始和结束的位置,并计算滑动距离。 - 验证逻辑通常会检查滑动是否达到预设的阈值,如果满足条件则视为验证成功。 - 为了增加安全性,每次滑动后应更换新...

    手机端滑动验证组件基于zepto

    本文将详细介绍基于Zepto.js的移动端滑动验证组件——sliderDrag。 首先,让我们了解一下Zepto.js。Zepto.js是一款轻量级的JavaScript库,设计目标是对标jQuery,但在移动端有更优秀的性能表现。它专注于现代浏览器...

    WEB 开发的Javascript 组件

    JavaScript可以添加验证、动态行为以及增强的用户体验,比如实时校验输入、显示错误消息或自定义提交处理。 2. **日期选择器**(dhtmlxCalendar):这种组件允许用户以日历形式选择日期,提供了一种直观且友好的...

    mvc模式的javascript验证框架

    **标题解析:**“mvc模式的javascript验证框架” 在软件开发中,MVC(Model-View-Controller)模式是一种常用的设计模式,它将应用程序的数据模型、用户界面和控制逻辑分离,提高了代码的可维护性和可扩展性。在这...

    javaScript实现的表单验证,省市级联

    JavaScript是Web开发中不可或缺的一部分,尤其在前端交互和数据验证方面扮演着重要角色。本项目主要探讨了如何使用JavaScript实现一种高效且用户友好的表单验证功能,同时结合了省市级联选择,使得用户在填写地址...

    JS特效,javascript验证相关

    如React、Vue、Angular等现代前端框架都提供了内置的表单管理和验证机制,使得在组件化开发中实现验证更加便捷。 9. **无障碍性(Accessibility)** 当设计验证特效时,应考虑无障碍性。例如,为视觉障碍的用户...

    Javascript日期组件

    JavaScript日期组件是网页开发中常用的一种工具,它能够帮助开发者创建交互式的日历、时间选择器等元素,提升用户体验并简化处理日期和时间的操作。在本文中,我们将深入探讨JavaScript日期组件的关键概念、常见功能...

    eWebEditor,dwr框架进行验证和javascript验证改后的

    本文将深入探讨这两个技术以及如何在JavaScript验证中结合使用。 首先,eWebEditor是一款流行的在线HTML编辑器,它允许用户在Web浏览器中进行文本编辑,类似于桌面版的Microsoft Word。它提供了丰富的文本格式化...

Global site tag (gtag.js) - Google Analytics