wuhb
/
oa


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
							<%@ page language="java" contentType="text/html;charset=GBK"
	pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>表单验证测试</title>  
<link href="/shares/validator/jquery.validator.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/shares/js/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="/shares/validator/jquery.validator.js"></script>
<script type="text/javascript" src="/shares/validator/local/zh_CN.js"></script> 
<script type="text/javascript"> 
 function validator(){ 
	 $('#theForm').trigger("validate");
 }
 $(function () {
	//验证初始化
	$('#theForm').validator({ 
	    theme: 'yellow_top',
	    stopOnError:true,
	    timely: 2,
	    rules:{
			myrule:function(element){
				alert(element);
				return false;
			}
	    }, 
	    fields: {
	        "formulaName": {
	            rule: "required;length[2~5];", 
	            msg: {required: "公式名称必填!", 
	            	length: "公式名称长度为2到5位。"}
	        },
	        "formulaTextShow": {
	            rule: "required;number;", 
	            msg: {required: "公式必填!",
		            number:"cuowu"}
	        },
	        "test": {
	            rule: "myrule;", 
	            msg: {myrule: "cuowu!"}
	        }
	    },
	    //验证成功
	    valid: function(form) {
	        alert("验证成功");
	    },
	    //验证失败
	    invalid: function(form) { 
	    	//alert("验证失败");
	    }
	});  
 });
</script>
</head>
<body >
<%@ include file="/include/message.jsp"%>

<form id="theForm" name="theForm"> 
<fieldset>
		<div id="title" class="form-button" style="width : 100%;">
			<input type="button"  class="l-button" value="保存"  onclick="validator();"/>
			<input onclick="closeTabUseInOA();" type="button" value="关闭" class="l-button">
		</div>
		<div class="container-layout"> 
			<div class="forum-container">
				<center>
					<table class="l-table-edit line">
						<tr>
							<th colspan="2">表单验证测试</th>
						</tr>
						<tr>
							<td class="l-table-edit-text" width="15%" >公式名称<FONT COLOR="red">*</FONT>：
							</td>
							<td class="l-table-edit-td" > 
								&nbsp;&nbsp;<input type="text" id="formulaName"
								name="formulaName" value=""  />
							</td>
						</tr>
						<tr>
							<td class="l-table-edit-text" width="15%" >公式 <FONT COLOR="red">*</FONT>：
							</td>
							<td class="l-table-edit-td" > 
								&nbsp;&nbsp;<textarea name="formulaTextShow" id="formulaTextShow" cols="80" rows="5" ></textarea> 
							</td>
						</tr>
						<tr>
							<td class="l-table-edit-text" width="15%" >备注 ：
							</td>
							<td class="l-table-edit-td" > 
								&nbsp;&nbsp;<textarea name="remark" id="remark" cols="80" rows="5"></textarea> 
							</td>
						</tr>
						
						
					</table>
					 	 
				</center>
			</div>
		</div> 
		</fieldset>
		<input  type="button" value="测试" class="l-button" name="test" id="test">
	</form> 
</body>
</html>