比较完整的表单验证js

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

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

 

不说，先说说如何使用。

第一步： 导入此JS文件。

Js代码

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

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

 可以改成自己的合适路径

 

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

 

Js代码

1. <form οnsubmit= "return  Validator.Validate(this,3)" >  

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

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

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

 

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

 

Js代码

1. <input name= "chinese"  type= "text" <span style= "color: rgb(255, 0, 0);" > require</span>  
2. ="true"  <span style= "color: rgb(255, 0, 0);" >dataType</span>  
3. ="LimitB"  max= "40"  <span style= "color: rgb(255, 0, 0);" >min</span>  
4. ="1"  <span style= "color: rgb(255, 0, 0);" >msg</span>  
5. ="名称必输，且不超过20个汉字"  value= "" />    

<input name="chinese" type="text" require

="true" dataType

="LimitB" max="40" min

="1" msg

="名称必输，且不超过20个汉字" value=""/>  

   说明:

    require 是指此项必须.

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

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

 

    min  最小数值 

 

    msg 出现错误时的提示;

 

    数字验证:

 

Js代码

1. <input type= "text"  dataType= "Number"  msg="必须是数值！>  

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

 

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

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