Hi gang,

I'm working on a little project where they have a slider form and I need to piggyback a tiny line of code into the validation function for the form. 

What I need to happen is when the user has filled in all the fields and clicks the submit button AND the data validates THEN a class is added to the body tag. My jQuery knowledge is very minimal - I added the code to where I 'thought' its supposed to go but it didnt seem to work.

Can someone please point me in the right direction?

2. jQuery(document).ready(function() {
3. 
   
4.    jQuery('#scroller').css('overflow','hidden');
5. 
   
6.    // Set up the scrollable registration
7.    var wizard = jQuery('#scroller').scrollable();
8. 
   
9.    // Create the select validator
10.    jQuery.tools.validator.fn('select[required]', "Please select an option", function(input, value) {
11.          return (value!=0);
12.    });
13. 
    
14.    // Create the password validator
15.    jQuery.tools.validator.fn('input#password', "Your password is too short. The minimum is 7 characters", function(input, value) {
16.          return (value.length > 6);
17.    });
18. 
    
19.    jQuery.tools.validator.fn('#password_confirm', "Your passwords do not match", function(input, value) {
20.          return (value == jQuery('#password').val());
21.    });
22. 
    
23.    jQuery('.capture_capture_img').click(function(){
24.       var src = jQuery(this).attr('src');
25.       var index = src.indexOf('?');
26.       if(index > 0) {
27.          src = src.substring(0, index);
28.       }
29.       jQuery(this).attr('src', src+'?r='+Math.random());
30.    });
31. 
    
32.    var form = jQuery('#newsletter-signup-form form');
33. 
    
34.    form.validator({
35.       position: 'top right',
36.       offset: [5, -10],
37.       inputEvent: 'blur'
38.    });
39. 
    
40.    form.submit(function() {
41.       // find all the fields inside the current page and validate them
42. 
    
43.       // Stop the sliding function on validation fail
44.       if(form.data("validator").checkValidity()) {
45.          jQuery.ajax({
46.             type: 'POST',
47.             url: 'index.php',
48.             data: 'ajax=1&'+form.serialize(),
49.             success: function(json) {
50. 
    
51.                if(json === true) {
52. // I THOUGHT I COULD ADD THE JQEURY ADDCLASS CODE HERE - BUT IT DIDNT WORK
53. // $("body").addClass("drop");
55.                   wizard.scrollable().seekTo(2,undefined,true);
56.                   sitestat(sitestat_url+'post-register.page')
57.                } else {
58.                   form.data("validator").invalidate(json);
59.                   if(json['capture']) {
60.                      jQuery('.capture_capture_img').click();
61.                   }
62.                }
63. 
    
64.             },
65.             dataType: 'json'
66.          });
67. 
    
68.          return false;
69.       }
70.       return false;
71.    });
72. 
    
73. 
    
74. });