AspMVC表单验证

导航: 上一页

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>
如果在表单页面有增加与删减,对应的脚本请在对应的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 
主页:    * 请输入主页 
性别:   * 请输入性别 
真实姓名:    * 请输入真实姓名