.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>

贴代码。