在asp.net mvc中使用jquery validate验证

asp.net mvc中提供了自己的模型验证方法，比如

在一个Person模型中

using system.ComponentModel.DataAnnotations;

class person

{

      [required]

      public string Name{get ; set;}

     

      [Range(1,100)]

      public int age{get ; set ;}

}

可能很多同学觉得这东西没有jquery validate验证好用，我想各有各的好处吧，下面会介绍jquery validate如何在asp.net mvc中使用：

首先在homecontroller中写一个新的动作方法，作为例子：

public ActionResult FirstValidate()
        {
            return View();
        }

然后新建 FirstValidate视图：

@{
    ViewBag.Title = "FirstValidate";
    Layout = "~/Views/Shared/_Layout.cshtml";
}




<script src="../../Scripts/jquery.validate.js" type="text/javascript"></script>
<script src="../../Scripts/Home/FirstValidate.js" type="text/javascript"></script>



<h2>FirstValidate</h2>


<div id="FormDiv">
@using (Html.BeginForm("FirstValidate", "Home"))
{
     <p>
     name :  @Html.TextBox("theName")
     <span></span>
     </p>
     
    <p>
    email : @Html.TextBox("theEmail") 
    <span></span>
    </p>
    
    
    <p>
    password:  @Html.TextBox("thePassword")
    </p>
    
    
    <p>
    password:  @Html.TextBox("theConfirmPassword")
    </p>
    
    <input type="submit" id="s" value="add" />
}
</div>

然后就是写FirstValidate.js

/// <reference path="../jquery-1.5.1.min.js" />
/// <reference path="../jquery.validate.js" />



$(function () {



    $("form").validate({
        rules: {
            theName: { required: true },
            theEmail: { required: true, email: true },
            thePassword: { required: true },
            theConfirmPassword: {required:true ,equalTo:"#thePassword"}
        },
        messages: {
            theName: { required: "必填" },
            theEmail: { required: "必填", email: "请填入正确的Email" }
        }
    })




})

更多资料请看 http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html