在做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和JavaScript(配合AJAX)来确保用户在提交表单时输入的数据是有效且符合预期格式的。下面将详细阐述这个过程中的主要知识点。 首先,**非空验证**是...
javascript很好很强大的JS表单验证 javascript很好很强大的JS表单验证
网上常见的用JS编写的注册表单验证的代码,非常实用哦
js表单验证实例,HTML文件,javascript常用表单验证: 账号、密码、身份证等
首先,让我们详细探讨一下`js表单验证`。JavaScript是一种在客户端运行的脚本语言,它可以在用户填写表单时实时检查输入,无需等待数据提交到服务器。通过JavaScript进行表单验证可以减少不必要的服务器负载,并即时...
本压缩包包含了一个名为"validateForm.js"的JavaScript文件以及一份"表单验证说明.txt"的文本文件,它们专门用于实现前端的表单验证功能。 `validateForm.js` 是一个JavaScript函数库,它提供了对HTML表单字段的...
通过以上方法,我们可以构建出一套完整的JavaScript表单验证机制。在实际项目中,根据需求选择合适的验证方式,结合HTML5特性,以及第三方库,能有效地提高表单验证的效率和用户体验。在提供的`testSubmit.html`文件...
js表单验证 表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。 Validator是基于...
"一个完美的js表单验证案例"利用JavaScript(特别是jQuery库)实现了这一功能,提供了高效、用户友好的验证机制。 JavaScript作为客户端脚本语言,可以直接在用户的浏览器上运行,这使得表单验证可以实时进行,减少...
JavaScript,作为一种广泛应用于Web开发的脚本语言,其在处理用户交互、特别是表单验证方面起着至关重要的作用。在创建动态和响应式的网页时,JS表单验证是确保数据质量和用户输入有效性的关键环节。以下是一些关于...
比较实用的javascript做的表单验证,验证的表单域包括用户名、密码、密码确认、密码提示问题、邮箱、手机号码、身份证。表单域基本通过获得焦点显示提示信息,失去焦点进行验证,还有提交表单验证。提交表单先进行...
本资源提供的"完美表单验证js"就是一个全面的JavaScript解决方案,几乎涵盖了所有常见的表单验证需求,如电话、QQ、Email等。 JavaScript是一种客户端脚本语言,它可以直接在用户的浏览器上运行,无需服务器参与,...
通过这些技术和策略,开发者可以构建出高效、用户友好的实时动态表单验证系统,确保数据的准确性和完整性。在实际项目中,结合HTML5的内置验证功能、JavaScript的事件机制以及第三方库,可以轻松实现各种复杂的验证...
"简单的表单验证"这个主题,通常涉及到JavaScript(JS)这一前端脚本语言,用于实现客户端的验证功能。在不依赖服务器的情况下,JavaScript可以在用户提交表单前实时检查输入内容,提升用户体验并减轻服务器负担。 ...
总的来说,"javascript表单验证器三方库.zip" 提供了一个强大的工具,用于处理JavaScript表单验证,它具有可配置性、递归数据验证等特性,是开发高效、健壮的Web应用的重要辅助工具。无论是初学者还是经验丰富的...
JavaScript(简称JS)是网页开发中不可或缺的一部分,尤其在表单验证方面,它扮演着至关重要的角色。在网页设计中,表单验证是确保用户输入数据有效性和安全性的关键步骤。通过JavaScript,开发者可以在客户端实时...
jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...
script language="JavaScript" type="text/javascript" src="JS/validate.js"> 在form表单上添加一个提交事件调用验证数据方法 (this,3);"> 请输入正确的手机号!" requiremsg="移动电话不能为空!"/> ...
JavaScript(简称JS)是网页开发中用于实现客户端交互和数据验证的重要工具,特别是在表单验证方面。表单验证是确保用户输入数据有效性和安全性的关键步骤,可以减少服务器端的压力,提升用户体验,防止无效或恶意的...