Solved

how to attribute to loginbutton  in the loginform

Posted on 2009-04-11
9
391 Views
Last Modified: 2013-11-07
Just like this , i need to add attribute for the loginbutton inside the login form ,
Login1.Attributes.Add("onclick", "return validate();")

but if i enter loginbutton i get name is not declared,
like this
LoginButton.Attributes.Add("onclick", "return validate();")

I want to add this atribute on pageload only , not on the onclientclick in design page.....plz suggest,,
<asp:Login ID="Login1" runat="server" >
                    <LayoutTemplate>
                        <table border="0" cellpadding="1" cellspacing="0" style="border-collapse: collapse">
                            <tr>
                                <td style="height: 146px">
                                    <table border="0" cellpadding="0">
                                        <tr>
                                            <td align="center" colspan="2" style="height: 12px">
                                                Log In</td>
                                        </tr>
                                        <tr>
                                            <td align="right">
                                                <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">User Name:</asp:Label></td>
                                            <td>
                                                <asp:TextBox ID="UserName" runat="server"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName"
                                                    ErrorMessage="User Name is required." ToolTip="User Name is required." ValidationGroup="Login1">*</asp:RequiredFieldValidator>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="right">
                                                <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password">Password:</asp:Label></td>
                                            <td>
                                                <asp:TextBox ID="Password" runat="server" TextMode="Password"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password"
                                                    ErrorMessage="Password is required." ToolTip="Password is required." ValidationGroup="Login1">*</asp:RequiredFieldValidator>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <asp:CheckBox ID="RememberMe" runat="server" Text="Remember me next time." />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" colspan="2" style="color: red">
                                                <asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>
                                                <asp:Label ID="Label1" runat="server" Style="position: relative" Text="Label"></asp:Label></td>
                                        </tr>
                                        <tr>
                                            <td align="right" colspan="2">
                                                <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="~/forgorpassword.aspx"
                                                    Style="left: 0px; position: relative; top: 0px">ForgetPassword?</asp:HyperLink>&nbsp;
                                                <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/regis1.aspx" Style="left: -139px;
                                                    position: relative; top: 1px">SignUP?</asp:HyperLink>
                                                        <asp:Button ID="LoginButton" runat="server" CommandName="Login"
                                                    Text="Log In" ValidationGroup="Login1" />
                                                   
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </LayoutTemplate>
                                   </asp:Login>

Open in new window

0
Comment
Question by:Rajar Ahmed
  • 5
  • 4
9 Comments
 
LVL 23

Expert Comment

by:apresto
ID: 24121713
Try this (C#):
((Button)Login1.FindControl("LoginButton")).Attributes.Add("onclick", "return validate();")
0
 
LVL 23

Expert Comment

by:apresto
ID: 24121717
Sorry didnt realise it was in VB, just change the casting to VB.Net instead of this ((button).... as this is a c# casting
0
 
LVL 18

Author Comment

by:Rajar Ahmed
ID: 24121732
i converted , , accordingly to vb,
  Dim loginButton As Button = Login1.FindControl("LoginButton")
         loginButton .Attributes.Add("onclick", "return validate();")
 
  but this generates a postback which is unneccessary .....i need to avoid the postback ...
 if i add like this
 Login1.Attributes.Add("onclick", "return validate();") .am not gettin postback......

0
Webinar: Aligning, Automating, Winning

Join Dan Russo, Senior Manager of Operations Intelligence, for an in-depth discussion on how Dealertrack, leading provider of integrated digital solutions for the automotive industry, transformed their DevOps processes to increase collaboration and move with greater velocity.

 
LVL 23

Expert Comment

by:apresto
ID: 24136350
If you do "Login1.Attributes...." you are adding the attribute to the actual Login control, if you use the other you are assigning the attribute to the button itself.
Do you want to postback if you form is validated and NOt postback when it is NOT validated? Or you dont want a postback fullstop?
0
 
LVL 18

Author Comment

by:Rajar Ahmed
ID: 24136394
i need to do the simple task of validation , when its not validated the page should not postback and pops out the error message ,
0
 
LVL 23

Expert Comment

by:apresto
ID: 24136453
are you returning true or false in your validation, based on whether the form is valid, in the Javascript?
0
 
LVL 18

Author Comment

by:Rajar Ahmed
ID: 24136563
I need to display the failed message , without the post back  onclicking the loginbutton  .. i pasted the javascript  below....
It display failed message but after the postback.....need to avoid the postback on loginbutton click...
 

 if(xmlHttp.responseText == "failed")
        {
            document.getElementById("Login1_Label1").innerHTML='Failed';
        }

<script language="javascript" >
function validate()
{
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
  }
  xmlHttp.onreadystatechange=function()//already exists
    {
    if(xmlHttp.readyState==4)
      {
      
      if(xmlHttp.responseText == "failed")
        {
            document.getElementById("Login1_Label1").innerHTML='Failed';
        }
      else
            { 
              window.location.href = "index.aspx";            
      }
      }
    }
    alert("togetquery");
  xmlHttp.open("GET","index.aspx?proc=chk&val="+document.getElementById("Login1_UserName").value+"&val2="+document.getElementById("Login1_Password").value,true);
  xmlHttp.send(null);
  }
</script>

Open in new window

0
 
LVL 23

Accepted Solution

by:
apresto earned 500 total points
ID: 24138512
Make sure you return false where you dont want the form to submit:i.e

 if(xmlHttp.responseText == "failed")
       {
           document.getElementById("Login1_Label1").innerHTML='Failed';
           return false;
       }
 
 
or if you dont want to return false there, create a holding variable to hold your boolean value:
 
var success = false; //normally at the top of your function/class
....
success = false; //When you decide in a condition that you dont want to submit
...
return success;//Stop the script and return the success state

Open in new window

0
 
LVL 18

Author Comment

by:Rajar Ahmed
ID: 24140928
total confusionnnnnnn,,,,,,,,,,,,,,,

after click loginbutton, imdiately its getting postback before validating itself and after returning the false message.....
if i use this code/.....
 Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Dim loginButton As Button = Login1.FindControl("LoginButton")
        loginButton.Attributes.Add("onclick", "return chkEmail();")
    End Sub

whereas in code This, the page is not gettin post back ,and returning false message..........just like a client side validation....
 Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Login1.Attributes.Add("onclick", "return chkEmail();")
    End Sub

Where i s the problem..??

i guess problem is not in the javascript.......plz sugggest......??

function chkEmail()
{
alert("incheckemail");
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
  }
  xmlHttp.onreadystatechange=function()//already exists
    {
    if(xmlHttp.readyState==4)
      {
      
      if(xmlHttp.responseText == "failed")
        {
        alert("in fail");
document.getElementById("Login1_Label1").innerHTML='Failed';
return false;
        }
      else
            { alert("inelse");
 
              window.location.href = "hi.aspx";       
      }
 
      }
    }
    
  xmlHttp.open("GET","index.aspx?proc=chk&val="+document.getElementById("Login1_UserName").value+"&val2="+document.getElementById("Login1_Password").value,true);
  xmlHttp.send(null);
  }

Open in new window

0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
Wouldn’t it be nice if you could test whether an element is contained in an array by using a Contains method just like the one available on List objects? Wouldn’t it be good if you could write code like this? (CODE) In .NET 3.5, this is possible…
Microsoft Active Directory, the widely used IT infrastructure, is known for its high risk of credential theft. The best way to test your Active Directory’s vulnerabilities to pass-the-ticket, pass-the-hash, privilege escalation, and malware attacks …
This video shows how to quickly and easily add an email signature for all users on Exchange 2016. The resulting signature is applied on a server level by Exchange Online. The email signature template has been downloaded from: www.mail-signatures…

821 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question