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

发布时间:2020-06-22 15:12:39 作者:mdfxyy
来源:网络 阅读:681

 

  1. <%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %> 
  2.  
  3.  
  4. <asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"> 
  5.     YzTest 
  6. </asp:Content> 
  7.  
  8. <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
  9. <script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
  10. <script type="text/javascript"> 
  11.     $(document).ready(function () { 
  12.         $("#Form1").submit(function () { 
  13.             var a = $("#Email").val(); 
  14.             var validate = true
  15.             alert(a); 
  16.             if (a == "") { 
  17.                 validate = false
  18.                 $("#DEmail").html("对不起,该选项不能为空"); 
  19.             } 
  20.             else { 
  21.                 var reg =/^(0|[1-9]\d*)$/; 
  22.                 alert(reg.test(a)); 
  23.                 if (reg.test(a)) { 
  24.                     if (a > 100 || a < 0) { 
  25.                         alert("a"); 
  26.                         validate = false
  27.                         $("#DEmail").html("年龄范围在0-100之间!"); 
  28.                     } 
  29.                     else { 
  30.                         $("#DEmail").html(""); 
  31.                     } 
  32.                 } 
  33.                 else { 
  34.                     $("#DEmail").html("请输入数字"); 
  35.                     validate = false
  36.                 } 
  37.             } 
  38.             return validate; 
  39.         }); 
  40.     }); 
  41. </script> 
  42.     <h3>验证测试</h3> 
  43.     <%using (Html.BeginForm("YzTest", "Home", FormMethod.Post, new { id = "Form1" })) 
  44.       {%> 
  45.     <table> 
  46.     <tr> 
  47.     <td> 
  48.     (Email验证) 
  49.     </td> 
  50.     <td><input type="text" id="Email"/><div id="DEmail"></div></td> 
  51.     </tr> 
  52.     <tr><td><input type="submit" value="验证" /></td></tr> 
  53.     </table> 
  54.     <%} %> 
  55.      
  56. </asp:Content> 

贴代码。

推荐阅读:
  1. ASP.NET MVC 基础入门
  2. Asp.net 母版页情况下如何进行jquery.validate验证

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

职场 休闲 jquery表单验证

上一篇:建设网站必备的12款jQuery插件

下一篇:c# 注销 代码

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》