jQuery Forum

Hi All,

I have been searching for days and cannot seem to come up with an answer.

I using jquery ui tabs

and I have a form in the tabs.

All my validation is done in my script which also contains my form i.e phpscript.php

jquery is calling my script, the form displays but when I try and submit data the form just refreshes.

this is the code in my head section.

1. 
   
2. <script>
3. $(document).ready(function(){
4. // set the tabs
5. $("#tabs").tabs();
6. // Capture the form's submit event
7. $('.legal').live('submit', function() {
8. $.ajax({ // create an AJAX call...
9. data: $(this).serialize(), // get the form data
10. type: $(this).attr('method'), // GET or POST
11. url: $(this).attr('action'), // the file to call
12. success: function(response) { // on success..
13. $('.ui-tabs-panel:visible').html(response); // update the DIV
14. }
15. });
16. return false; // cancel original event to prevent form submitting
17. })
18. });
19. </script>
Copy code
1. Please help

Hi All,

I have been searching for days and cannot seem to come up with an answer.

I using jquery ui tabs

and I have a form in the tabs.

All my validation is done in my script which also contains my form i.e phpscript.php

jquery is calling my script, the form displays but when I try and submit data the form just refreshes.

this is the code in my head section.

2. <script>
3. $(document).ready(function(){
4. // set the tabs
5. $("#tabs").tabs();
6. // Capture the form's submit event
7. $('.legal').live('submit', function() {
8. $.ajax({ // create an AJAX call...
9. data: $(this).serialize(), // get the form data
10. type: $(this).attr('method'), // GET or POST
11. url: $(this).attr('action'), // the file to call
12. success: function(response) { // on success..
13. $('.ui-tabs-panel:visible').html(response); // update the DIV
14. }
15. });
16. return false; // cancel original event to prevent form submitting
17. })
18. });
19. </script>
1. Please help