/source/Plug-in/validator/testpasswd.htm
HTML | 48 lines | 46 code | 2 blank | 0 comment | 0 complexity | ad9905aa77949ad6da700af396228e51 MD5 | raw file
1<?xml version="1.0" encoding="gb2312"?> 2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> 4<head> 5<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 6<meta http-equiv="Content-Language" content="zh-CN" /> 7<meta content="all" name="robots" /> 8<title>????? Validator v4.0 alpha preview</title> 9<link href="css/validator.css" rel="stylesheet" type="text/css" /> 10<style > 11#passwordInfo { 12 *margin-left:5px; 13 width:220px; 14 height: 20px; 15 background: transparent url(levels.gif) left top no-repeat; 16} 17</style> 18<script type="text/javascript" src="js/mootools.js" charset="gb2312"></script> 19<script type="text/javascript" src="js/full-validator.js" charset="gb2312"></script> 20<script type="text/javascript"> 21 22 events : { 23 'Password' : { 24 onLevelChange : function(n){ 25 $('passwordInfo').setStyle('background-position', 'left ' + [0, 22, 50, 75, 100][n] + '%'); 26 validator.elements.get('Password1').validate(); 27 validator.elements.get('Password2').validate(); 28 } 29 }, 30 'Email' : { 31 onRemote : function(element){ 32 element.params.type = 'gmail'; 33 } 34 } 35 } 36}).add({"for":"Name", "rule":"username", "empty":"?????", "warn":"????", "tips":"?????????????4~20????", "pass":"????", "require" : "false"}); 37validator.add({"for":"Password", "rule":"password", "level":"2", "empty":"???????", "warn":"???????", "tips":"???6~16????????????????", "pass":"????"});/*]]>*/ 38</script> 39</head> 40<body> 41 <div id="summary" class="summary"></div> 42 <form id="demo" method="get" action="" onsubmit="return false"> 43<input id="Password" name="Password" type="text" value="abcdEfG123" /><ui:v for="Password" rule="password" empty="???????" warn="???????" tips="???6~16????????????????" pass="?????" /> 44 <div id="passwordInfo"></div> 45 46 </form> 47</body> 48</html>