How to write code behind to the popup page button

Question

0.00/5 (No votes)

See more:

Hi, am tryng to create a login page as popup page using java script in asp.net i done it. but when i try to write the code behind for the submit buttoni cant how tocheck the data with the database

XML

<li><a href="#login-box" class="login-window">Login</a></li>
                                 <div id="login-box" class="login-popup">
                                    <a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>
                                    <form method="post" class="signin" action="#">
                                        <fieldset class="textbox">
                                        <label class="username">
                                        <span>Username or email</span>
                                        <input id="username" name="username" value="" type="text" autocomplete="off" placeholder="Username"/>
                                        </label>
                                        <label class="password">
                                        <span>Password</span>
                                        <input id="password" name="password" value="" type="password" placeholder="Password"/>
                                        </label>

                                        <button class="submit button" type="button" >Sign in</button>
                                        <%--<p>
                                        <a class="forgot" href="#">Forgot your password?</a>
                                        </p>   --%>
                                        </fieldset>
                                    </form>
                                </div>

when i chick the login link popup will open and login page is diplaying but how to write the code behind for the page

Posted 24-Mar-14 20:41pm

Member 10227969

Updated 24-Mar-14 20:42pm

v2

Add a Solution

2 solutions

Solution 2

1.Is ASP.NET the code behind normally is linked with an existing ASPX control, so for a button you should use an ASPX button like in the next example:

<asp:Button ID="_cancelButton" runat="server" autopostback="False" Width="80px" Text="Cancel" OnClientClick='OnCancel();' />

2.For your case, I recommend to use ASP.NET AJAX Control Toolkit. You could see an example of using it in my next article: Advanced ASPX GridView Pagination and Data Entities[^]. The provided code, from my article, could be extended for a real application and I provided also guiding steps for doing this.

Posted 24-Mar-14 21:04pm

Raul Iloc

Updated 24-Mar-14 21:06pm

v2

Add a Solution

Add your solution here

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

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)

Akshay_Randive · Accepted Answer · 2014-03-24T20:52:00

Solution 1

use $.ajax() on Submit button click that will help you to Call method in code
like
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "Page.aspx/WebMethodName",
data: {userName: "testUser", password:"pass"},
dataType: "json",
success: successFunc,
error: errorFunc
});

Posted 24-Mar-14 20:52pm

Akshay_Randive

Comments

Member 10227969 26-Mar-14 1:31am

is it a web service method

Akshay_Randive 26-Mar-14 6:41am

Not necessary it can be a simple "STATIC" method on any aspx.cs page

Member 10227969 26-Mar-14 8:20am

i am new to .net try to learn so plz guide me
how to use this comment and how to get it in code behind..
where to write the code behind for this.