.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>
贴代码。
相关文章推荐
- jquery.validate.js【简单实用的表单验证框架】【进阶版】
- 使用jquery的验证框架,对表单进行验证(简单、基础)
- 【jQuery学习----表单验证】简单的EasyValidator验证框架
- 介绍jquery.validate.js简单实用的表单验证框架
- jquery.validate.js【简单实用的表单验证框架】
- jQuery之简单的表单验证
- jQuery之简单的表单验证
- 57-005-1 bootstrap在表单中的利用,表单验证以及jquery验证框架的使用
- jquery 表单验证框架
- jQuery之简单的表单验证
- jquery实现表单验证简单实例演示
- jquery实现简单的表单验证
- JQuery:表单验证(简单易懂)
- 简单的jquery代码实现表单验证
- 用jQuery实现简单的表单验证
- 模仿京东用户注册 用JQuery实现简单表单验证(附效果图)
- jQuery之简单的表单验证实例
- jQuery表单验证简单示例
- jQuery之简单的表单验证
- jQuery简单的表单验证