编辑“AspMVC表单验证”

__NOTOC__
<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[AspMVC教程 |上一页]]</span>
<div style="clear:both;"></div>


[[AspMVC]]表单验证 如下：

 提示:脚本代采用jquery.validate验证框架,在要验证的页面加入 
 <script language="[[Java]]Script" 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>
 如果在表单页面有增加与删减,对应的脚本请在对应的[[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: "提示:请输入正确的确认密码"
 },
 [[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 
 });
 });
 //******************
 //表单代码
 //******************密码:    * 请输入密码 
 确认密码:    * 请输入确认密码 
 邮件:    * 请输入邮件 
 QQ:    * 请输入QQ 
 主页:    * 请输入主页 
 性别:   * 请输入性别 
 真实姓名:    * 请输入真实姓名
[[category:AspMVC|T]]