.net mvc2框架，簡單jquery表單驗證

 

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>


<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    YzTest
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#Form1").submit(function () {
            var a = $("#Email").val();
            var validate = true;
            alert(a);
            if (a == "") {
                validate = false;
                $("#DEmail").html("對不起，該選項不能爲空");
            }
            else {
                var reg =/^(0|[1-9]\d*)$/;
                alert(reg.test(a));
                if (reg.test(a)) {
                    if (a > 100 || a < 0) {
                        alert("a");
                        validate = false;
                        $("#DEmail").html("年齡範圍在0-100之間！");
                    }
                    else {
                        $("#DEmail").html("");
                    }
                }
                else {
                    $("#DEmail").html("請輸入數字");
                    validate = false;
                }
            }
            return validate;
        });
    });
</script>
    <h2>驗證測試</h2>
    <%using (Html.BeginForm("YzTest", "Home", FormMethod.Post, new { id = "Form1" }))
      {%>
    <table>
    <tr>
    <td>
    (Email驗證)
    </td>
    <td><input type="text" id="Email"/><div id="DEmail"></div></td>
    </tr>
    <tr><td><input type="submit" value="驗證" /></td></tr>
    </table>
    <%} %>

</asp:Content>

貼代碼。