這兩天做瞭個註冊頁面的驗證，但我對頁面的p+css和jquery的撐握的不是很好,所以多花瞭點時間.
驗證代碼如下：
[javascript]
<script type="text/javascript" src="<%=path %>/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="<%=path %>/js/jquery.validate.js" charset="utf-8"></script>
<script type="text/javascript">
function checkName(){
//服務器使用文本的方式響應
$.ajax({ www.aiwalls.com
//請求的類型，有GET或者POST
type:"POST",
//請求的url
url:"registerAction!register.action?ajaxUrl=1&username="+$("#name").val(),
//向服務發送數據
data:"ajaxUrl=1&username="+$("#name").val(),
//服務器響應客戶端的輸出類型,text,html,xml,json
dataType:"text",
//服務器成功響應客戶端時的回調方法
success:function(msg){
$("#namespan").html(msg);
}
});
}
$(function(){
$("#userRegister").validate({
/*errorLabelContainer: "#messageBox", //顯示錯誤信息的容器ID
wrapper: "li", //包含每個錯誤信息的容器*/
rules:{
username:{
required: true
},
password:{
required: true,
minlength: 6
},
confirm_pwd:{
required: true,
equalTo: "#password"
},
realname:{
required: true,
minlength: 2,
maxlength: 6
},
phone:{
required:true,
maxlength:11,
minlength:11
},
address: {
required: true
}
,
post:{
required:false,
maxlength:6,
minlength:6
},
email:{
required:false,
email:true
},
qq:{
required:false,
digits: true
}
// ,
// checkCode:{
// required:true,
// digits: true
// }
// ,
// f2sfzh:{
// /*digits: true,
// rangelength: [18,20]*/
// required: true,
// isIdCardNo: true
// },f2csrq:{
// required: true,
// date: true
// }
},
messages:{
username:{
required: "*請輸入賬號"
},
password:{
required: "*請輸入密碼",
minlength: "*字符長度不能小於6個字符"
},
confirm_pwd:{
required: "*請再次輸入密碼",
equalTo: "*密碼不一致"
},
realname:{
required: "*姓名不能為空",
minlength: "*字符長度不能小於2個字符",
maxlength: "*字符長度不能大於5個字符"
},
phone:{
required:"*電話號碼不能為空",
maxlength:"*電話號碼不能超過11位",
minlength:"*電話號碼格不正確"
},
address: {
required: "*請輸入地址"
}
,
post:{
//required:"郵編不能為空",
maxlength:"*郵編隻能為6位數",
minlength:"*郵編隻能為6位數"
},
email:{
//required:"郵箱不能為空"
email:"*請輸入正確的電子郵件，如：123456@136.com"
},
qq:{
//required:"qq不能為空",
digits:"*qq號碼隻能為數字"
}
// ,
// checkCode:{
// required:"驗證碼不能為空"
// }
// ,
// f2sfzh:{
// /*digits: "身份證號碼隻能為數字",
// rangelength: "身份號碼長度為18～20個字符"*/
// required: "請輸入身份證號",
// isIdCardNo: "身份證號不正確"
// },f2csrq:{
// required: "請輸入出生日期",
// date: "日期格式不正確(例：2009/04/07)"
// },
}
});
});
</script>
