AspMVC表單驗證

導(dǎo)航: 上一頁

AspMVC表單驗證 如下：

提示:腳本代采用jquery.validate驗證框架,在要驗證的頁面加入 
<script language="JavaScript" type="text/javascript" src="/Resources/Js/jquery-1.3.2.js"></script>
<script language="JavaScript" type="text/javascript" src="/Resources/Js/jquery.validate.js"></script>
<script language="JavaScript" type="text/javascript" src="/Resources/Js/usersValidate.js"></script>
如果在表單頁面有增加與刪減,對應(yīng)的腳本請在對應(yīng)的js頁面進行處理.
//******************
//腳本代碼
//******************
//Create Time : 2009-8-3 1:08:01
$(document).ready(function() {
var validator = $("#users").validate({
rules: {
  password: { 
},
repassword: { 
  equalTo: "#password"
},
email: { 
  required: true,
  email:true
},
oicq: { 
  number:true
},
homepage: { 
  url:true
},
realname: { 
  required: true,
  maxlength:6
}
},
messages: { 
 password: { 
},
repassword: { 
 equalTo: "提示:請輸入正確的確認(rèn)密碼"
},
email: { 
 required: "提示:請輸入郵件",
 email: "提示:請輸入郵件格式"
},
oicq: { 
 maxlength: "提示:請輸入正確的格式"
},
homepage: { 
 url: "提示:請輸入正確的格式"
},
realname: { 
 required: "提示:請輸入真實姓名",
 maxlength: "提示:真實姓名最大長度6個字符"
}
},
errorPlacement: function(error, element) { 
 element.parent().next().html(error.html()).css("color","red");
},
/* 驗證通過時的處理 */ 
success: function(element) { 
}, 
/* 獲得焦點時不驗證 */ 
 focusInvalid: false, 
 onkeyup: false 
});
});
//******************
//表單代碼
//******************密碼:    * 請輸入密碼 
確認(rèn)密碼:    * 請輸入確認(rèn)密碼 
郵件:    * 請輸入郵件 
QQ:    * 請輸入QQ 
主頁:    * 請輸入主頁 
性別:   * 請輸入性別 
真實姓名:    * 請輸入真實姓名