<!DOCTYPE?HTML>
????<head>
???? <meta?charset="utf-8"?/>
????????<title>表單驗證插件</title>
????????<link?href="style.css"?rel="stylesheet"?type="text/css"?/>
????????<script?type="text/javascript"?src="http://www.xianlaiwan.cn/data/jquery-1.8.2.min.js"></script>
????????<script?type="text/javascript"?src="http://www.xianlaiwan.cn/data/jquery.validate.js"></script>
????????<script?type="text/javascript"?src="http://www.xianlaiwan.cn/data/jquery.validate.messages_cn.js"></script>
????</head>
????<body>
????????<form?id="frmV"?method="get"?action="#">
????????????<div?id="divtest">
????????????????<div?class="title">
????????????????????<span?class="fl">表單驗證插件</span>?
????????????????????<span?class="fr">
????????????????????????<input?id="btnSubmit"?type="submit"?value="提交"?/>
????????????????????</span>
????????????????</div>
????????????????<div?class="content">
????????????????????<span?class="fl">郵箱：</span><br?/>
????????????????????<input?id="email"?name="email"?type="text"?/><br?/>
????????????????????<span?class="tip"></span>
????????????????</div>
????????????</div>
????????</form>
????????
????????<script?type="text/javascript">
????????????$(function?()?{
????????????????$("#frmV").validate(
??????????????????{
??????????????????????/*自定義驗證規則*/
??????????????????????rules:?{
???????????????????????? email:{
???????????????????????????? required:true,
???????????????????????????? email:true
??????????????????????????}
??????????????????????},
??????????????????????/*錯誤提示位置*/
??????????????????????errorPlacement:?function?(error,?element)?{
??????????????????????????error.appendTo(".tip");
??????????????????????}
??????????????????}
????????????????);
????????????});
????????</script>
????</body>
</html>
2017-02-06
name