JQUERY VALIDATION插件一下载如下:
http://pan.baidu.com/s/1mhjnZmS
插件二下载如下：
http://pan.baidu.com/s/1i4lvVYd
JQUERY VALIDATION插件二使用指南：
主要常用的email，url的验证，可以直接在html标签里使用id=”email”,class=”required email”和id=”url”,class=”required url”
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″>
<title>管理中心</title>
<link href=”/css/reset.css” rel=”stylesheet” type=”text/css”>
<link href=”/css/system.css” rel=”stylesheet” type=”text/css”>
<link href=”/css/table_form.css” rel=”stylesheet” type=”text/css”>
<script type=”text/javascript” src=”/js/jquery-1.3.2.min.js”></script>
<script type=”text/javascript” src=”/js/common.js”></script>
<!–begin of validate–>
<script type=”text/javascript” src=”/js/jquery.validate.js”></script>
<script type=”text/javascript” src=”/js/jquery.validate.metadata.js”></script>
<script type=”text/javascript” src=”/js/jquery.validate.messages_cn.js”></script>
<!–end of validate–>
<script type=”text/javascript”>
$(document).ready(function(){
$(“#submit”).click(function(){
//验证用户名的合法性
var username = $(‘input[name=”username”]’).val();
var patrn=/[`~!@#$%^&*()+<>?:”{},.\/;'[\]]/im;
var zn = /.*[\u4e00-\u9fa5]+.*$/;
if(patrn.test(username)){
$(‘#usernameerror’).html(“<font color=’#E15B50′>用户名不能包含非法字符</font>”);
return false;
}
if(zn.test(username)) {
$(‘#usernameerror’).html(“<font color=’#E15B50′>用户名不能包含中文字符</font>”);
return false;
}
//jQuery验证
$(“#dform”).validate({
submitHandler:function(form){
form.submit();
}
});
});
});
</script>
</head>
<body scroll=”no”>
<form id=”dform” name=”dform” method=”post” action=”<!–{$self}–>”>
<table width=”100%” class=”table_form”>
<tbody>
<tr>
<td width=”80″><span class=”red”>*</span>用户名</td>
<td>
<!–{if $aUser.uid}–>
<input readonly name=”username” type=”text” value=”<!–{$aUser.username}–>”/>
<!–{else}–>
<input name=”username” type=”text” value=”” class=”required”/>
<span id=”usernameerror”></span>
<!–{/if}–>
</td>
</tr>
<tr>
<td width=”80″><span class=”red”>*</span>密码</td>
<td>
<!–{if $aUser.uid}–>
<input name=”password” type=”text” value=”**********” class=”{required:true,minlength:6,messages:{minlength:'<font color=#E47068>密码不能小于6位</font>’}}”/>
<!–{else}–>
<input name=”password” type=”text” value=”” class=”{required:true,minlength:6,messages:{minlength:'<font color=#E47068>密码不能小于6位</font>’}}”/>
<!–{/if}–>
</td>
</tr>
<tr>
<td width=”80″><span class=”red”>*</span>昵称</td>
<td><input name=”nickname” type=”text” value=”<!–{$aUser.nickname}–>” class=”required”/></td>
</tr>
<tr>
<td width=”80″><span class=”red”>*</span>性别</td>
<td>
<!–{if $aUser.gender eq 2}–>
<input type=”radio” name=”gender” value=”1″/>男
<input type=”radio” name=”gender” value=”2″ checked />女
<!–{else}–>
<input type=”radio” name=”gender” value=”1″ checked />男
<input type=”radio” name=”gender” value=”2″/>女
<!–{/if}–>
</td>
</tr>
<tr>
<td>手机号</td>
<td>
<input name=”phone” type=”text” value=”<!–{$aUser.phone}–>” class=”{number:true,maxlength:30,messages:{number:'<font color=#E47068>请输入有效的号码</font>’}}”/>
</td>
</tr>
<tr>
<td><span class=”red”>*</span>邮箱</td>
<td>
<input name=”email” id=”email” type=”text” value=”<!–{$aUser.email}–>” class=”required email”/>
</td>
</tr>
<!–{if $aUser.uid neq $identity->uid}–>
<tr>
<td><span class=”red”>*</span>角色</td>
<td>
<select style=”500:80px” name=”role_id”>
<!–{html_options options=$aRole selected=$aUser.role_id|default:’2′}–>
</select>
</td>
</tr>
<!–{else}–>
<input type=”hidden” value=”<!–{$aUser.role_id}–>” name=”role_id”>
<!–{/if}–>
</tbody>
</table>
<div class=”bk15″></div>
<input type=”submit” name=”submit” id=”submit” class=”button” value=”提交”>
</form>
</body>
</html>
