一、以往的校验都是自己写正则表达式校验，本篇讲的是通过MVC自带的jquery文件进行校验

实现步骤：1. 在webform页面中引入两个jquery文件，10,11行的代码。

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。 
 1 <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<Userinfo>" %>
 2 <%@ Import Namespace="MvcApplication1.Models" %>
 3 
 4 <!DOCTYPE html>
 5 
 6 <html>
 7 <head runat="server">
 8     <meta name="viewport" content="width=device-width" />
 9     <title>ShowDetail</title>
10     <script src="../../Scripts/jquery-1.8.2.min.js"></script>
11     <script src="../../Scripts/jquery.validate.js"></script>
12 </head>
13 <body>
14 
15 </body>
16 </html>

2. 在head中添加如下代码：

备注：ready方法指用于在当前文档结构载入完毕后立即执行指定的函数。该函数的作用相当于window.onload事件。

 1 $().ready(function() {
 2 // 在键盘按下并释放及提交后验证提交表单
 3   $("#signupForm").validate({
 4     rules: {   //规则
 5       firstname: "required",
 6       lastname: "required",
 7       username: {
 8         required: true,
 9         minlength: 2
10       },
11       password: {
12         required: true,
13         minlength: 5
14       },
15       confirm_password: {
16         required: true,
17         minlength: 5,
18         equalTo: "#password"   //指fonfirm_password和#password进行对比
19       },
20       email: {
21         required: true,
22         email: true
23       },
24       topic: {
25         required: "#newsletter:checked",
26         minlength: 2
27       },
28       agree: "required"
29     },
30     messages: {   //消息
31       firstname: "请输入您的名字",
32       lastname: "请输入您的姓氏",
33       username: {
34         required: "请输入用户名",
35         minlength: "用户名必需由两个字母组成"
36       },
37       password: {
38         required: "请输入密码",
39         minlength: "密码长度不能小于 5 个字母"
40       },
41       confirm_password: {
42         required: "请输入密码",
43         minlength: "密码长度不能小于 5 个字母",
44         equalTo: "两次密码输入不一致"
45       },
46       email: "请输入一个正确的邮箱",
47       agree: "请接受我们的声明",
48       topic: "请选择两个主题"
49      }
50     })
51 });

 具体的相关详细，请参考 http://www.runoob.com/jquery/jquery-plugin-validate.html

 


    

        

            

                

                    

                        
                    

                    

                        

                            扫码关注我们
                        

                        

                            微信号：SRE实战
                        

                        

                            拒绝背锅 运筹帷幄