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" style="max-width: 100%;height: auto;width: auto\9;" src="http://www.reader8.com/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" style="max-width: 100%;height: auto;width: auto\9;" src="http://www.reader8.com/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" style="max-width: 100%;height: auto;width: auto\9;" src="http://www.reader8.com/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%>")
另外注意文件路径