jQuery is not working with Update panel....

Question

1.00/5 (2 votes)

See more:

C#

<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: rgba(255, 255, 255, 1)" href="Member_Registration.aspx"__^</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">
                                                    ^__strong__^:</strong>
                                                </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">
                                                    ^__strong>:
                                                </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="/KB/answers/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">
                                                                ^__strong>^__i>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>

Posted 29-Oct-12 21:31pm
kailash_tandel87

Updated 29-Oct-12 22:47pm
Herman<T>.Instance

v2

Add a Solution

Comments

I.explore.code 30-Oct-12 5:58am

are you getting any errors? or any odd behavior?

kailash_tandel87 30-Oct-12 7:26am

Actually i have a login page in which there r two textboxes with jquery style. when page load, the textboxes appear with jquery effect but when login fails the textboxes loses its appearance and look like a simple textbox. these two textboxes and login button are under update panel. i tried lot much but not working in my case. plz help.

satz_770 30-Oct-12 6:12am

Explain wat is ur problem.. wat is ur requirement?? u r calling a javascript fn. then why u want to use updatepanel??? Explain more clearly about ur requirement to help u..

kailash_tandel87 30-Oct-12 7:26am

Actually i have a login page in which there r two textboxes with jquery style. when page load, the textboxes appear with jquery effect but when login fails the textboxes loses its appearance and look like a simple textbox. these two textboxes and login button are under update panel. i tried lot much but not working in my case. plz help.

kailash_tandel87 30-Oct-12 7:18am

Actually i have a login page in which there r two textboxes with jquery style. when page load, the textboxes appear with jquery effect but when login fails the textboxes loses its appearance and look like a simple textbox. these two textboxes and login button are under update panel. i tried lot much but not working in my case. plz help.

1 solution

Please Sign up or sign in to vote.

Solution 1

Accept Solution Reject Solution

You have a classic problem,
the problem
$('form').jqTransform({ imgPath: 'jqtransformplugin/img/' });

refer to following link,
http://stackoverflow.com/questions/256195/jquery-document-ready-and-updatepanels[^]

Permalink

Share this answer

Posted 30-Oct-12 0:19am
Taha Akhtar

Comments

kailash_tandel87 30-Oct-12 7:06am

Thanks for your suggestion but i almost tried everything but still it has same problem, plz suggest me something new that solve my problem. thanks ...

Add a Solution

Add your solution here

Plain Text
ASM
ASP
ASP.NET
BASIC
BAT
C#
C++
COBOL
CoffeeScript
CSS
Dart
dbase
F#
FORTRAN
HTML
Java
Javascript
Kotlin
Lua
MIDL
MSIL
ObjectiveC
Pascal
PERL
PHP
PowerShell
Python
Razor
Ruby
Scala
Shell
SLN
SQL
Swift
T4
Terminal
TypeScript
VB
VBScript
XML
YAML

OKPaste as

Strip HTML
Encode HTML
Paste as-is
Code block
Quoted Text
Best guess

To display as

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email

Password

Forgot your password?

Your Email

This email is in use. Do you need your password?

Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

Submit your solution

When answering a question please:

Read the question carefully.

Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.

If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.

Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.
Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Taha Akhtar · Answer 1 · 2012-10-30T00:19:00

Solution 1

You have a classic problem,
the problem
$('form').jqTransform({ imgPath: 'jqtransformplugin/img/' });

refer to following link,
http://stackoverflow.com/questions/256195/jquery-document-ready-and-updatepanels[^]

Posted 30-Oct-12 0:19am

Taha Akhtar

Comments

kailash_tandel87 30-Oct-12 7:06am

Thanks for your suggestion but i almost tried everything but still it has same problem, plz suggest me something new that solve my problem. thanks ...