<!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 runat="server">
<title>jquery validate </title>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
</head>
<script type="text/javascript">
$(function(){
$("#frmV").validate(
{
rules:{
username:{required:true,minlength:6},
email:{required:true,email:true}
},
errorPlacement:function(error,element){
error.appendTo(element.siblings("span"));
},
messages: {
username: "請輸入姓名",
email:"請輸入正確的email地址"
}
}
);
});
</script>
</head>
<body>
<form id="frmV" method="get" action="#">
<div class = "divTitle">please input content</div>
<div class = "divContent">
<div>
name:<br />
<input id = "username" name="username" type="text" class="txt" />
<font color="red"></font><br />
<span></span>
</div>
<div>
email:<br />
<!-- email rule -->
<input id = "email" name="email" type="text" />
<font color="red"></font><br />
<span></span>
</div>
</div>
<div class="divBtn">
<input id = "sbtUser" type="submit" value ="sub" class="btn" />
</div>
</form>
</body>
</html>jquery validate的使用
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.