首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

jquery用母版,证验不了

2013-03-12 
jquery用母版,验证不了用jquery文半框验证普通页面:%@ Page LanguageC# AutoEventWireuptrue CodeF

jquery用母版,验证不了
用jquery文半框验证

普通页面:


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default7.aspx.cs" Inherits="Default7" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="../../js/jquery-1.4.2.min.js"></script>
      <script type="text/javascript" language="javascript">
          $(document).ready(function () {
              $("#Button1").click(function () {
                  var txtName = $("#<%=txtName.ClientID%>");
                  var pattern = /^[1][358][0-9]{9}$/;
                  if (pattern.test(txtName.val())) {
                      alert('是手机号');
                  } else {
                      alert('不是手机号');
                  }
              })
          });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="Button1" runat="server" Text="Button" />
        <asp:TextBox ID="txtName" runat="server"></asp:TextBox>
    </div>
    </form>
</body>
</html>

在普通页面,验证好使

调用母版页:

<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/UserControl/MasterPage.Master" CodeBehind="WebForm1.aspx.cs" Inherits="RBKLHKPRO.WebDisplayed.Personal.WebForm1" %>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">
   <script type="text/javascript" src="../../js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" language="javascript">
             $(document).ready(function () {
                 $("#Button1").click(function () {
                     var txtName = $("#<%=txtName.ClientID%>");
                     var pattern = /^[1][358][0-9]{9}$/;
                     if (pattern.test(txtName.val())) {


                         alert('是手机号');
                     } else {
                         alert('不是手机号');
                     }
                 })
             });
    </script>
</asp:Content>
<asp:Content ID="Content2" runat="server" ContentPlaceHolderID="ContentPlaceHolder2">
    <asp:Button ID="Button1" runat="server" Text="Button" />
    <asp:TextBox ID="txtName" runat="server"></asp:TextBox>
</asp:Content>


在这个页面验证不管用,点按钮只是刷新了下页面

母版页:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MasterPage.master.cs" Inherits="RBKLHKPRO.MasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Src="~/UserControl/Header.ascx" TagName="htop" TagPrefix="uc1" %>
<%@ Register Src="~/UserControl/Footer.ascx" TagName="copy" TagPrefix="uc2" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="../css/home.css" rel="stylesheet" type="text/css" />
    <link href="../css/erjiye.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="../css/base_temp.css"/>
    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">   
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <uc1:htop ID="abc" runat="server" />
    <div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
        
        </asp:ContentPlaceHolder>
    </div>
      <div class="clearfloat"></div>
    <div>
    <uc2:copy ID="top3" runat="server" />
    </div>
    </form>
</body>
</html>


求大神帮忙看下,这是为什么啊
[解决办法]
用模板页 <script type="text/javascript" src="../../js/jquery-1.4.2.min.js"></script>这类引用的路径都要改的,不能这样,要用  Page.ResolveClientUrl
[解决办法]
<script type="text/javascript" src="/js/jquery-1.4.2.min.js

"></script>
[解决办法]
不要用相对路径
[解决办法]
 $("#<%=Button1.ClientID%>")

另外注意文件路径

热点排行