比较完整的表单验证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文件很不错的说。