jquery.validate.js客户端验证(一)

xalydxn

浏览: 14154 次
性别:
来自: 天津

最近访客更多访客>>

morning1989111111

梦落花开

xyshopping

java_liuzhibo

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

jquery

jQuery CSS JavaScript HTML Cache

jquery.validate.js真是一个好东东，功能强大。使用它进行客户端验证分两种情况。今天暂时记录第一种用法，因为第二种用法还没学会。(⊙o⊙)

1、下载jquery.validate.js及Jquery.js文件

jquery.Validation 官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-validation/

jquery.Validation 在线文档：http://docs.jquery.com/Plugins/Validation
jquery.Validation 在线 API（强烈推荐）：http://jquery.bassistance.de/api-browser/plugins.html
jquery.Validation 官方项目介绍：http://plugins.jquery.com/project/validate
jquery.Validation1.3 [2009-3-10] 最新版下载地址：http://plugins.jquery.com/files/jquery.validate_13.zip

一些有用的中文帖子和博客文章：
jQuery的表单校验插件validate：http://hi.baidu.com/dereky/blog/item/c1cbc3fd60e1aa46d6887d8e.html
jquery.validate.js简介：http://www.iteye.com/topic/276661

2、创建网页文件

 <head>
    <html:base />
    
    <title>addPatient.jsp</title>

	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
	<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
	<script src="js/jquery.validate.js" type="text/javascript"></script>
	
	<script type="text/javascript">
		$(document).ready(function() {
			$("#aa").validate();//aa为form表单的id属性，必须为id属性，name属性不行
		});
	</script>
	
  </head>

注：必须有meta标记，否则页面报错

3、创建表单

<html:form action="/addPatient" styleId="aa">
		idcard:<html:text property="idcard" styleClass="required"></html:text>
		<html:errors property="idcard"/>
		
		<br/>
		<html:submit></html:submit>
</html:form>

其中"required"在jquery.validate.js文件中已定义好。在此文件大红256行定义了许多规则，可供直接使用。

分享到：

jQuery学习记录---搭建环境（一） | dwr推模式

2010-07-27 00:29
浏览 1535
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论