rule-config-addRule.html

/gallery/validation/docs/1.0/rule-config-addRule.html

https://github.com/akecn/kissy-gallery
HTML | 118 lines | 74 code | 44 blank | 0 comment | 0 complexity | 053b69362a4c82568fcf315d56b529df MD5 | raw file

<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Validation</title><style>ul,li,p{margin:0;padding:0;list-style-type:none;}</style>

	<script src="http://a.tbcdn.cn/s/kissy/1.3.0/kissy.js"></script>
	
	<link rel="stylesheet" type="text/css"  href="doc.css" /> <script src="doc.js" charset="utf-8"></script>
	<script  src="../../../../tools/syntaxhighlighter_3.0.83/scripts/shCore.js"></script>
<script  src="../../../../tools/syntaxhighlighter_3.0.83/scripts/shBrushJScript.js"></script>
<link type="text/css" rel="stylesheet" href="../../../../tools/syntaxhighlighter_3.0.83/styles/shCoreDefault.css"/>
<script >SyntaxHighlighter.all();</script>

	

	
</head>
<body>
 
 

<div class="note">
<pre class="brush: js;">


//可以通过编程的方式随意动态的增加字段的校验规则
//Field.addRule() : 增加校验规则
//Field.removeRule() : 移除校验规则

		S.one("#optrule").on("click",function(ev){
			ev.halt();
			
			//移除email校验
			username.removeRule("email");
			
			//增加中文校验
			username.addRule("chinese",['必须为中文']);
			
			//触发校验
			username.isValid();
			
		});
			
</pre>
</div>
 
 

<div id="viewdemo" class="doc">
	
<form method="post">
<ul class="form">

	<li>
		<label class="hd">用户名：</label>
		<input class="text" type="text" name="username" id="username" value="test" data-valid="{
			email: ['用户名是一个邮箱']
		}"/>
	</li>
	
	
	<li>
		<button type="submit">提交</button>   <a href="#" id="optrule">移除email校验，增加中文校验</a>
	</li>
	
</ul>
</form>

<script>

	KISSY.use("gallery/validation/1.0/",function(S,Validation){
	
			var form = S.query("form")[0],
			
				check = new Validation(form,{
					style: "under"
				});

			KISSY.Event.on(form,"submit",function(){
				check.isValid();
				return false;
			});
	
;
		
		//通过字段的id可以获取对应的实例
		var username = check.get("username");
		S.one("#optrule").on("click",function(ev){
			ev.halt();
			
			//移除email校验
			username.removeRule("email");
			
			//增加中文校验
			username.addRule("chinese",['必须为中文']);
			
			//触发校验
			username.isValid();
			
		});


		
		KISSY.Event.on(form,"submit",function(){
			check.isValid();
			return false;
		});
		
	});

</script>



</div>
</body>
</html>