`
wrong1111
  • 浏览: 252462 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

比较完整的表单验证js

阅读更多

在做WEB开发时,对于页面表单的基本验证是必不可少的前端验证工具。在这个JS文件里,集成了基本上所有的验证。

当然社会发展,技术进步,有些落后的验证也在所难免。但是对于优秀的你们来说,把源码改一改,还不就成为你的手中利器了吗?

 

不说,先说说如何使用。

第一步: 导入此JS文件。

<script src="/etc/js/Form.js"></script>

 可以改成自己的合适路径

 

第二步: 在submit 或者表单 onsubmit事件中进行验证

 

<form onsubmit="return  Validator.Validate(this,3)">

  此处引用了表单验证了 validate(this,3)  this参数 学程序的就知道。 3---参数 是指错误展现方式. 3 代表直接在输入行的末尾显示错误。对于注册类型的,很不错的。

 2 是以弹出窗的方式,显示错误.

 

第三步,就是要怎么用了。。

 

<input name="chinese" type="text" require
="true" dataType
="LimitB" max="40" min
="1" msg
="名称必输,且不超过20个汉字" value=""/>  

   说明:

    require 是指此项必须.

    dataType 指数据验证类型 LimitB 是指最少字符以字节计算

    max   最大数值,与dataType 配合使用

 

    min  最小数值 

 

    msg 出现错误时的提示;

 

    数字验证:

 

<input type="text" dataType="Number" msg="必须是数值!>
 

    其他的比如手机,QQ,邮箱等,可以看看源码,自己设置就OK了。

   希望这个对大家有帮助。这个JS文件很不错的说。

分享到:
评论

相关推荐

    PHP完整表单验证 php源码js+ajaxc

    这个主题,"PHP完整表单验证 php源码js+ajaxc",涉及到使用PHP和JavaScript(配合AJAX)来确保用户在提交表单时输入的数据是有效且符合预期格式的。下面将详细阐述这个过程中的主要知识点。 首先,**非空验证**是...

    javascript很好很强大的JS表单验证

    javascript很好很强大的JS表单验证 javascript很好很强大的JS表单验证

    JS注册表单验证

    网上常见的用JS编写的注册表单验证的代码,非常实用哦

    js表单验证实例,HTML文件,javascript常用表单验证

    js表单验证实例,HTML文件,javascript常用表单验证: 账号、密码、身份证等

    js表单验证 全网最全的 表单验证

    首先,让我们详细探讨一下`js表单验证`。JavaScript是一种在客户端运行的脚本语言,它可以在用户填写表单时实时检查输入,无需等待数据提交到服务器。通过JavaScript进行表单验证可以减少不必要的服务器负载,并即时...

    表单验证js 提交前验证

    本压缩包包含了一个名为"validateForm.js"的JavaScript文件以及一份"表单验证说明.txt"的文本文件,它们专门用于实现前端的表单验证功能。 `validateForm.js` 是一个JavaScript函数库,它提供了对HTML表单字段的...

    javascript表单验证方式一

    通过以上方法,我们可以构建出一套完整的JavaScript表单验证机制。在实际项目中,根据需求选择合适的验证方式,结合HTML5特性,以及第三方库,能有效地提高表单验证的效率和用户体验。在提供的`testSubmit.html`文件...

    js表单验证 表单验证类 整合

    js表单验证 表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。 Validator是基于...

    一个完美的js表单验证案例

    "一个完美的js表单验证案例"利用JavaScript(特别是jQuery库)实现了这一功能,提供了高效、用户友好的验证机制。 JavaScript作为客户端脚本语言,可以直接在用户的浏览器上运行,这使得表单验证可以实时进行,减少...

    JS表单验证与JS常见问题解决方案

    JavaScript,作为一种广泛应用于Web开发的脚本语言,其在处理用户交互、特别是表单验证方面起着至关重要的作用。在创建动态和响应式的网页时,JS表单验证是确保数据质量和用户输入有效性的关键环节。以下是一些关于...

    javascript表单验证 正则表达式验证表单

    比较实用的javascript做的表单验证,验证的表单域包括用户名、密码、密码确认、密码提示问题、邮箱、手机号码、身份证。表单域基本通过获得焦点显示提示信息,失去焦点进行验证,还有提交表单验证。提交表单先进行...

    完美表单验证js,几乎包括了所有的表单要提交的验证

    本资源提供的"完美表单验证js"就是一个全面的JavaScript解决方案,几乎涵盖了所有常见的表单验证需求,如电话、QQ、Email等。 JavaScript是一种客户端脚本语言,它可以直接在用户的浏览器上运行,无需服务器参与,...

    js实时动态验证表单是否合法

    通过这些技术和策略,开发者可以构建出高效、用户友好的实时动态表单验证系统,确保数据的准确性和完整性。在实际项目中,结合HTML5的内置验证功能、JavaScript的事件机制以及第三方库,可以轻松实现各种复杂的验证...

    简单的表单验证

    "简单的表单验证"这个主题,通常涉及到JavaScript(JS)这一前端脚本语言,用于实现客户端的验证功能。在不依赖服务器的情况下,JavaScript可以在用户提交表单前实时检查输入内容,提升用户体验并减轻服务器负担。 ...

    javascript表单验证器三方库.zip

    总的来说,"javascript表单验证器三方库.zip" 提供了一个强大的工具,用于处理JavaScript表单验证,它具有可配置性、递归数据验证等特性,是开发高效、健壮的Web应用的重要辅助工具。无论是初学者还是经验丰富的...

    js 表单验证网页特效

    JavaScript(简称JS)是网页开发中不可或缺的一部分,尤其在表单验证方面,它扮演着至关重要的角色。在网页设计中,表单验证是确保用户输入数据有效性和安全性的关键步骤。通过JavaScript,开发者可以在客户端实时...

    from 表单验证 js框架类库

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...

    JS验证页面form表单数据,齐全

    script language="JavaScript" type="text/javascript" src="JS/validate.js"&gt; 在form表单上添加一个提交事件调用验证数据方法 (this,3);"&gt; 请输入正确的手机号!" requiremsg="移动电话不能为空!"/&gt; ...

    js表单验证

    JavaScript(简称JS)是网页开发中用于实现客户端交互和数据验证的重要工具,特别是在表单验证方面。表单验证是确保用户输入数据有效性和安全性的关键步骤,可以减少服务器端的压力,提升用户体验,防止无效或恶意的...

Global site tag (gtag.js) - Google Analytics