最近我眼中的表单验证

作为一个刚刚工作半年不到的初级编程菜鸟，时不时的耳边总会响起“菜鸟的工作就是copy and copy.”、“增删改查就是我所有的工作重点”的声音。这些话语就像魔咒一般，不停地对自己催眠：菜鸟，你的编程之路还很长，前路很艰辛，踏踏实实干吧。

但是我最近静下来仔细想想自己半年来的工作，猛然一惊！猛然发现，我这只菜鸟可不只是copy和增删改查。除了这些我还做了大量的重要且有“技术含量”的工作的，那就是表单验证！

为什么我感觉表单验证重要且有“技术含量”，下面我就给各位道友讲讲最近我眼中的表单验证。

java中表单验证是指使用脚本语言JavaScript 在数据被送往服务器前对 HTML 表单中的输入数据进行验证。在我看来表单验证可以分为两大类。

一.对于必填项的验证。

这类验证刚开始在我眼中如此的简单。而且它也确实很简单。如果你只是个向我一样的菜鸟的话，你只需要在项目中拿到公共的复用验证方法就可以了。开始我也是这样做的，然而最近项目测试人员给我敲响了警钟。那就是我在必填项验证的时候只是做了不可为空的处理。却没有检查允许输入的字符长度做限制。假如对应的字段在数据库表中的设计是 name var char（255），在数据存储是就只能写入255个字符。OK，当你敲完代码，在自己进行测试时惯性输入“张三丰”，没有出现错误，然后直接提交代码。然而，测试人员她们可不像程序猿这么温柔。她们可以对输入框做各种操作，只有你想不到，没有她们做不到的。她们可能随手复制一段文本，就导致你的项目死掉。说了这么多，重点就是在做表单验证是你可以复用已经有的功能点，但在开发时要全面考虑，完善功能链。

二.对于手机号、邮箱地址等验证

遇到这类验证，如果有可以复用的代码，不要犹豫，直接copy。处理这类验证，使用正则表达式是最高效的方式。关于正则表达式你只需要在网上搜索相应验证名称就可以得到海一样多的资源。

我在项目中一般都是做两方面的验证。一种是当表单元素失去焦点时的验证，还有当点击提交按钮时的验证。考虑到用户体验，公司一般都会有相应的开发规范，我都是两方面同时做。

表单验证中容易忽略的一点就是表单防重复提交的操作，我的处理方式非常简单就是在脚本中声明一个全局变量。在表单提交函数之前判断该全局变量状态就可以实现表单防重复提交功能。

<script type="text/javascript">

var flag = false;

function checkAll(){

if(flag){

return ;

}

flag = true;

</script>

以上全部就是我最近在开发中表单验证方面慢慢积累的经验。希望能给各位向我一样的菜鸟道友提供一点小小的帮助。