您的位置:首页 > Web前端 > JQuery

.net mvc2框架,简单jquery表单验证

2011-09-16 21:14 489 查看
<%@ 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>

贴代码。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息