在做WEB开发时,对于页面表单的基本验证是必不可少的前端验证工具。在这个JS文件里,集成了基本上所有的验证。
当然社会发展,技术进步,有些落后的验证也在所难免。但是对于优秀的你们来说,把源码改一改,还不就成为你的手中利器了吗?
不说,先说说如何使用。
第一步: 导入此JS文件。
<script src="/etc/js/Form.js"></script>
可以改成自己的合适路径
第二步: 在submit 或者表单 onsubmit事件中进行验证
<form οnsubmit="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文件很不错的说。