jQuery无法使用“更新"面板. [英] jQuery is not working with Update panel....
本文介绍了jQuery无法使用“更新"面板.的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
<head runat="server">
<title>Member Login</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function checkvalue()
{
if(document.getElementById('txt_email').value == "")
{
alert ('Please Enter eMail Address !!!');
return false;
}
if(document.getElementById('txt_pass').value == "")
{
alert ('Please Enter Password !!!');
return false;
}
var email = document.getElementById('txt_email');
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(email.value))
{
alert('Please provide a valid email address !!!');
return false;
}
}
</script>
<link rel="stylesheet" href="jqtransformplugin/jqtransform.css" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="jqtransformplugin/jquery.jqtransform.js" ></script>
<script language="javascript" type="text/javascript">
$(function() {
$('form').jqTransform({ imgPath: 'jqtransformplugin/img/' });
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="height:40px; background-color:Red;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="justify" style="height: 15%; padding-removed 15px;">
<span style="font-size: 20px; text-shadow: 1px 1px 1px #fff;"><a href="Default.aspx">
style="text-decoration: none; color: #FFFFFF;">Welcome to Gandhinagar Service Portal</a></span>
</td>
<td align="right" style="height: 15%; padding-removed 15px;">
<a href="Login.aspx" style="color: White; text-decoration: none;">Login</a>
"color: White">| <a style="color: White; text-decoration: none;">
href="Member_Registration.aspx">Register</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" style="padding-removed 35px;">
<h1 style="text-shadow: 1px 1px 1px #fff;">
Member Login Here</h1>
</td>
</tr>
<tr>
<td align="center" valign="middle" style="padding-removed 15px;">
<table border="0" cellpadding="0" cellspacing="0" width="45%">
<tr>
<td align="center" style="padding-removed10px;">
<div style="border: 2px solid #a1a1a1; padding: 40px 40px; border-radius: 15px; -moz-border-radius: 25px;<br mode=" hold=" /> box-shadow: 5px 5px 5px #888888;">
<asp:ScriptManager ID="ScriptManager1" runat="server">
<asp:UpdatePanel id="UpdatePanel1" runat="server">
<contenttemplate>
<table border="0" cellpadding="2px" cellspacing="5px" width="98%">
<tr>
<td align="center" style="padding-removed 20px" colspan="3">
<asp:Label ID="lbl_singin" runat="server" ForeColor="red" Font-Italic="true" Font-Bold="true"
>
</td>
</tr>
<tr>
<td align="right">
<span style="font-size: 12pt">Enter eMail</span>
</td>
<td align="center" style="width: 5px">
:
</td>
<td align="left">
<asp:TextBox ID="txt_email" runat="server"
MaxLength="50">
</td>
</tr>
<tr>
<td align="right">
<span style="font-size: 12pt">Enter Password</span>
</td>
<td align="center" style="width: 5px">
:
</td>
<td align="left">
<asp:TextBox ID="txt_pass" TextMode="password" runat="server"
MaxLength="30">
</td>
</tr>
<tr>
<td align="right">
</td>
<td align="center" style="width: 5px">
</td>
<td align="left">
<asp:ImageButton ID="btn_save" runat="server" ImageUrl="~/images/sign_in.png" OnClientClick="return checkvalue(this)" OnClick="btn_save_Click" />
</td>
</tr>
<tr>
<td align="right">
</td>
<td align="center" style="width: 5px">
</td>
<td align="left" style="padding-removed20px;">
<span><a href="ForgotPassword.aspx" style="color:Olive;">Can't access your account?</a></span>
</td>
</tr>
<tr>
<td align="right">
</td>
<td align="center" style="width: 5px">
</td>
<td align="left" style="padding-removed00px;">
<span><a href="Member_Registration.aspx" style="color:Olive;">Yet Not Register?</a></span>
</td>
</tr>
<tr>
<td align="right">
</td>
<td align="center" style="width: 5px">
</td>
<td align="left">
<asp:Label ID="lbl_msg" runat="server" Font-Bold="True" Font-Italic="True" ForeColor="Red"><br />
<asp:Label ID="lbl_msg1" runat="server" Font-Bold="True" Font-Italic="True" ForeColor="Red">
</td>
</tr>
</table>
</contenttemplate>
<div>
<asp:UpdateProgress id="UpdateProgress1" runat="server">
<progresstemplate>
<table border="0" cellpadding="2px" cellspacing="10px" width="35%">
<tr>
<td align="center">
<img src="images/ajax-loader.gif" alt="" />
</td>
<td align="center">
Processing...Please Wait !!!
</td>
</tr>
</table>
</progresstemplate>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding-removed50px;">
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
推荐答案
/; 如果(!filter.test(电子邮件.值)) { alert(' 请提供有效的电子邮件地址!!!'); 返回 假; } } </ 脚本 > < link rel = " href = " jqtransformplugin/jqtransform.css" type = text/css" media = 全部"/> <脚本 类型 =" =" js/jquery.js" > 脚本 <脚本 类型 =" =" jqtransformplugin/jquery.jqtransform.js" > </ > <脚本 语言 =" =" 文本/javascript" >
/; if (!filter.test(email.value)) { alert('Please provide a valid email address !!!'); return false; } } </script> <link rel="stylesheet" href="jqtransformplugin/jqtransform.css" type="text/css" media="all" /> <script type="text/javascript" src="js/jquery.js" ></script> <script type="text/javascript" src="jqtransformplugin/jquery.jqtransform.js" ></script> <script language="javascript" type="text/javascript">
(function(){
(function() {
(' form').jqTransform({imgPath:' jqtransformplugin/img/'}); }); </ 脚本 > </ 头部 > <身体> < form id = " runat = " 服务器" " cellpadding = " 0" cellspacing = 0" width = " ">>跨度> < tr> < td style = " " cellpadding = " 0" cellspacing = 0" width = " ">>跨度> < tr> < td align = " style = " 高度:15%;已删除边距15px;" " >< a href = " > style = " >欢迎来到Gandhinagar服务门户</ a > </ span > </ td > < td align = " style = " 高度:15%;已删除边距15px;" " style = " > 登录 </ a > 跨度> " > | < a style = " >> href = " > 注册 </ a > </ td > </ tr > </ 表 > </ td > </ tr > < tr> < td align = " style = " 填充已删除的35px;" " </ h1 > </ td > </ tr > < tr> < td align = " valign = " 中间" style = 填充已删除15px ;" " cellpadding = " 0" cellspacing = 0" width = " ">>跨度> < tr> < td align = " style = " padding-removed10px;" " hold = />框阴影:5px 5px 5px#888888;" " runat = " > < asp:UpdatePanel id = " runat = " > < contenttemplate> < table border = " cellpadding = " 2px" cellspacing = 5px" width = " > 跨度> < tr> < td align = " style = " 已删除填充的20px" colspan = 3 " " runat = " ForeColor = " Font-Italic = " Font-Bold = true" > </ td > </ tr > < tr> < td align = " >> 跨度> < span style = " >输入电子邮件 span </ td > < td align = " style = " 宽度:5像素" </ td > < td align = " ">>跨度> < asp:TextBox ID = " runat = " MaxLength = " > </ td > </ tr > < tr> < td align = " >> 跨度> < span style = " >输入密码 span </ td > < td align = " style = " 宽度:5像素" </ td > < td align = " ">>跨度> < asp:TextBox ID = " TextMode = " runat = " MaxLength = " > </ td > </ tr > < tr> < td align = " >> 跨度> </ td > < td align = " style = " 宽度:5像素" </ td > < td align = " ">>跨度> < asp:ImageButton ID = " runat = " ImageUrl = " OnClientClick = 返回支票值(this)" OnClick = " /> </ td > </ tr > < tr> < td align = " >> 跨度> </ td > < td align = " style = " 宽度:5像素" </ td > < td align = " style = " padding-removed20px;" " style = color:Olive;"> Can 正在处理...请等待!!! </td> </tr> </table> </progresstemplate> </div> </div> </td> </tr> </table> </td> </tr> < tr> < td style ="padding-removed50px;"> </td> </tr> </table> </div> </form> </body> </html>
('form').jqTransform({ imgPath: 'jqtransformplugin/img/' }); }); </script> </head> <body> <form id="form1" runat="server"> <div> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="height:40px; background-color:Red;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="justify" style="height: 15%; padding-removed 15px;"> <span style="font-size: 20px; text-shadow: 1px 1px 1px #fff;"><a href="Default.aspx"> style="text-decoration: none; color: #FFFFFF;">Welcome to Gandhinagar Service Portal</a></span> </td> <td align="right" style="height: 15%; padding-removed 15px;"> <a href="Login.aspx" style="color: White; text-decoration: none;">Login</a> "color: White">| <a style="color: White; text-decoration: none;"> href="Member_Registration.aspx">Register</a> </td> </tr> </table> </td> </tr> <tr> <td align="center" style="padding-removed 35px;"> <h1 style="text-shadow: 1px 1px 1px #fff;"> Member Login Here</h1> </td> </tr> <tr> <td align="center" valign="middle" style="padding-removed 15px;"> <table border="0" cellpadding="0" cellspacing="0" width="45%"> <tr> <td align="center" style="padding-removed10px;"> <div style="border: 2px solid #a1a1a1; padding: 40px 40px; border-radius: 15px; -moz-border-radius: 25px;<br mode=" hold=" /> box-shadow: 5px 5px 5px #888888;"> <asp:ScriptManager ID="ScriptManager1" runat="server"> <asp:UpdatePanel id="UpdatePanel1" runat="server"> <contenttemplate> <table border="0" cellpadding="2px" cellspacing="5px" width="98%"> <tr> <td align="center" style="padding-removed 20px" colspan="3"> <asp:Label ID="lbl_singin" runat="server" ForeColor="red" Font-Italic="true" Font-Bold="true" > </td> </tr> <tr> <td align="right"> <span style="font-size: 12pt">Enter eMail</span> </td> <td align="center" style="width: 5px"> : </td> <td align="left"> <asp:TextBox ID="txt_email" runat="server" MaxLength="50"> </td> </tr> <tr> <td align="right"> <span style="font-size: 12pt">Enter Password</span> </td> <td align="center" style="width: 5px"> : </td> <td align="left"> <asp:TextBox ID="txt_pass" TextMode="password" runat="server" MaxLength="30"> </td> </tr> <tr> <td align="right"> </td> <td align="center" style="width: 5px"> </td> <td align="left"> <asp:ImageButton ID="btn_save" runat="server" ImageUrl="~/images/sign_in.png" OnClientClick="return checkvalue(this)" OnClick="btn_save_Click" /> </td> </tr> <tr> <td align="right"> </td> <td align="center" style="width: 5px"> </td> <td align="left" style="padding-removed20px;"> <span><a href="ForgotPassword.aspx" style="color:Olive;">Can't access your account?</a></span> </td> </tr> <tr> <td align="right"> </td> <td align="center" style="width: 5px"> </td> <td align="left" style="padding-removed00px;"> <span><a href="Member_Registration.aspx" style="color:Olive;">Yet Not Register?</a></span> </td> </tr> <tr> <td align="right"> </td> <td align="center" style="width: 5px"> </td> <td align="left"> <asp:Label ID="lbl_msg" runat="server" Font-Bold="True" Font-Italic="True" ForeColor="Red"><br /> <asp:Label ID="lbl_msg1" runat="server" Font-Bold="True" Font-Italic="True" ForeColor="Red"> </td> </tr> </table> </contenttemplate> <div> <asp:UpdateProgress id="UpdateProgress1" runat="server"> <progresstemplate> <table border="0" cellpadding="2px" cellspacing="10px" width="35%"> <tr> <td align="center"> <img src="images/ajax-loader.gif" alt="" /> </td> <td align="center"> Processing...Please Wait !!! </td> </tr> </table> </progresstemplate> </div> </div> </td> </tr> </table> </td> </tr> <tr> <td style="padding-removed50px;"> </td> </tr> </table> </div> </form> </body> </html>
这篇关于jQuery无法使用“更新"面板.的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文