在做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文件很不错的说。
分享到:
相关推荐
javascript很好很强大的JS表单验证 javascript很好很强大的JS表单验证
js表单验证大全js表单验证大全js表单验证大全
网上常见的用JS编写的注册表单验证的代码,非常实用哦
js表单验证实例,HTML文件,javascript常用表单验证: 账号、密码、身份证等
这个验证类包括了非空验证,字母、数字和下划线(用户名)验证,电子邮件验证,日期验证,等基本表单验证,错误消息输出,错误数量。
表单验证.rar 表单验证的js脚本 validateForm.js 表单验证说明.txt
js表单验证 表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。 Validator是基于...
全网最全的 表单验证, js表单验证,form表单验证,前端验证,简介验证 email URL 登陆验证
JavaScript表单验证 JavaScript表单验证 JavaScript表单验证
比较实用的javascript做的表单验证,验证的表单域包括用户名、密码、密码确认、密码提示问题、邮箱、手机号码、身份证。表单域基本通过获得焦点显示提示信息,失去焦点进行验证,还有提交表单验证。提交表单先进行...
js提交表单及js表单验证大全, 记录javascript与表单的各种验证。
js提交表单及js表单验证 js提交表单及js表单验证 js提交表单及js表单验证
jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...
script language="JavaScript" type="text/javascript" src="JS/validate.js"> 在form表单上添加一个提交事件调用验证数据方法 (this,3);"> 请输入正确的手机号!" requiremsg="移动电话不能为空!"/> ...
JS表单验证大全JS表单验证大全JS表单验证大全JS表单验证大全JS表单验证大全JS表单验证大全JS表单验证大全JS表单验证大全
js表单验证控制代码部分实例大全js表单验证控制代码部分实例大全
js表单验证、js导出excel、js验证js表单验证、js导出excel、js验证
JS表单验证,常见问题解决方案,表单验证函数大全,比阿丹验证控制代码大全。
使用时请将下面的javascript代码存到一个单一的js文件中。 1、表单要求 (this)"> 将对表单中的所有以下类型的域依次验证,所有验证是去除了前导和后缀空格的,要注意是区分大小写的。 2、空值验证 表单中任意域...