在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