tags:

views:

111

answers:

1
Q: 

jquery popup registration form

I am using the following code for popping up a registration form.

http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/

I created a registration form inside the popup box and when i submit it i am redirected to a new page. I am no longer inside the popup. Please let me know how to avoid going out of the popup box.

I am using php for validation. My file name is register.php. I included this file in popupbox. The code inside register.php has this format.

<?php

// code for validating fields submited in form

?>

<html>
<form action="register.php">
/// fields
</form>
</html>
+1  A: 

You need to post the form using ajax and then update the html in the popup using data in the result.

Have a look at jQuery.post e.g.

// send form testForm using ajax and update popup content
$.post("test.php", $("#testform").serialize(), function(data){
    $("#myPopupContentId").html(data);
});

There are also a couple of plugins you can use that will simplify things, take a look at this example for a demo.

Ola Herrdahl  2010-08-17 21:30:29

related questions

Communicating between websites (using Javascript or ?)
Javascript Unit-testing?
How can I return a variable from a $.getJSON function
Is there an "exists" function for jQuery
Why do I receive a q[num] error when aborting a jQuery queue pipeline?
How do I fire an event when a iframe has finished loading in jQuery?
How to compare html entity with JQuery
Problems while submitting a UTF-8 form textarea with JQuery/AJAX
How do I get the coordinates of the caret in text boxes?
SimpleModal breaks ASP.Net Postbacks
How would you handle errors when using jQuery.ajax() ?
Where is the best jQuery "plugins" library on the web?
Where can I learn jQuery? Is it worth it?
Keeping key value pairs together in HTML <select/> with JQuery?
How to set encoding in .getJSON JQuery
What is a selector engine?
Escaping HTML strings with jQuery
jQuery AJAX vs. UpdatePanel
What's the best way to code a desktop application-like menu bar in Javascript?
Dynamic Alphabetical Navigation
Scrolling Overflowed DIVs with JavaScript
How do I add a pre tag inside a code tag with jQuery?
Graph visualization code in javascript?
Wrapping lists into columns
Interview Questions for an Intern