分享一个基于jQuery的表单验证函数

今天晚上在做某个项目，由于需要表单验证，因此自己就花了点时间写了一个基于jQuery的表单验证的函数，当然下面的这个函数大家可以当作成品使用，如你熟悉jQuery的话，你还可以直接将函数绑定在表单上。

当然仅仅是简单的分享，所以有朋友肯定还嫌不够，需要了解一下原理，那么下面开始介绍原理：

首先，表单得按照特定的方式输入，这样js才能按照一定的格式去遍历元素，那么在本例子中，格式如下：





 姓名：





 不能为空


 学号:

 必须为数字


 E-mail:

 email格式不正确


 不需要验证

 email格式不正确

下面是脚本的部分

其实，通过jQeury进行html的DOM遍历是相当方便的，所以熟悉jquery之后，编写其他扩展到函数或者class是相当的轻松了。本例子的演示地址在这里，不想直接copy本文代码的，请看示例的源文件即可。

标签：javascript

发表于 2008-07-11 20:25:57 目录：Web技术|WEB Tech [RSS 2.0] 你可以发表评论, 或者从您的网站 trackback

第1楼大猫在 2008.07.11 23:26发表评论如下:

第2楼 cosβ 在 2008.07.12 22:15发表评论如下:

jQuery是个好东西啊

第3楼游客在 2008.07.13 13:51发表评论如下:

最后一段有个拼写错误。