Question

Ok so i have a form that has three input boxes, at the moment they’re text, but they will be changed to password. When the submit button is pressed i want the for to send the form data to an Ajax script.

I have this working with just one parameter the button looks like this:

<input type="submit" name="submit" value="Submit" 
    onClick="return pass(this.form.oldPass.value;">

Now i’ve tried adding the ‘this.form’ part three times because thats how many parameters the function would take but it just doesn’t seem to do anything:

<input type="submit" name="submit" value="Submit" 
    onClick="return pass(this.form.oldPass.value,
                         this.form.newPass.value, 
                         this.form.newPassCheck);">

Is this the right way to go about passing form data to a script? is there another way around it or am i just doing something wrong here?

thanks for the help, if you need anymore code i’ll add it.

Answer 1

try this one. (you need jquery to do this.)

<form>
 old pass <input type="password" id="old_pass" />
 new pass <input type="password" id="new_pass" />
 new pass confirmation <input type="password" id="new_pass_confirm"/>
</form>

in your .js file , write this:

$(document).ready(function(){
    var old_pass = $('#old_pass').val();
    var new_pass = $('#new_pass').val();
    var new_pass_confirm = $('#new_pass_confirm').val();

    //then call your method with those vars as parameter
    anyMethod(old_pass, new_pass, new_pass_confirm);

});

//this is your function
function anyMethod(old_pass, new_pass, new_pass_confirm)
{
  //put your validation code or ajax call here...
}