实战jQuery跟PHPCodeIgniter表单验证

实战jQuery跟PHPCodeIgniter表单验证

实战jQuery和PHP CodeIgniter表单验证
原文发表在 http://tech.it168.com/a2011/0818/1234/000001234617.shtml
上,乃本人作品,转载请注明:

前言

　　在Web建站中，表单的合法性验证是十分重要的一个环节，其中包括客户端浏览器的Javascript的验证和服务端的验证。在本文中将指导读者使用jQuery中的validate验证框架实现浏览器端的验证代码编写工作，validate框架是一个十分简单实用的验证框架，能大大提高客户端验证代码的的编写工作，同时，本文使用的是php中十分流行的CodeIgniter框架进行服务端的验证编写工作。本文阅读对象为对jQuery及对PHP CodeIgniter框架有一定认识的读者。

　　准备工作

　　我们必须下载CodeIgniter及jQuery，版本如下：

　　1.CodeIgniter　2.0.2(下载地址：http://codeigniter.com/downloads/)

　　2.jQuery 1.6.1 (下载地址：http://code.jquery.com/jquery-1.6.1.min.js)

　　3.jQuery validate框架，(下载地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation/)

　　设置CodeIgniter

　　我们需要自动加载url并且需要使用CodeIgniter中的form表单助手类，所以我们在应用的autoload.php中的第67行添加如下代码：

　　$autoload['helper'] = array('url', 'form');
　　建立视图层文件

　　接下来，我们开始编写页面的HTML页代码，我们将用户填写的表单命名为form_view,当校验成功提交后，如果没任何错误，则显示成功提示信息的页面命名为success_view,当然，我们先编写页面的头部和尾部的代码如下：

　　Views/common/Header.php: