jQuery form processing

Question

Does anybody know of a simple jQuery form processing tutorial that actually works?

I have a form I want to process via jQuery/Ajax nothing difficult in PHP but in jQuery and AJAX can I get it to work - no, all the tutorials are based round sending e-mails (or just lists of more lists of more lists of tutorials - hate those)

All I want to do is learn how to send a form via jQuery and AJAX to another page, save the data in a DB without having to leave the first page. I have tried all sorts but nothing works properly. Here is my form:

<form id="form">
<input type="text" name="abc" />
<input type="text" name="def"/>
<input type="text" name="ghi"/>
<input type="submit" name="try" id="try" />
</form>

Now what do I actually do? Sounds silly I know (and I guess I'll get another -1 star for this question) but I will be honest a GOOD simple tutorial would be really useful not just to me but to the others. I know php but jQuery/Ajax - just don't know/understand. I will not be alone

Don't ask the same question twice, update your previous question: stackoverflow.com/questions/2326167/jquer-form-processing — Nick Craver
– Nick Craver, Commented Feb 24, 2010 at 13:51

Sarfraz · Accepted Answer · 2010-02-24 13:52:37Z

1

This is one of the good tutorials on how to submit forms using ajax and php.

answered Feb 24, 2010 at 13:52

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Aaron · Accepted Answer · 2010-02-24 13:52:38Z

1

This link is a reference teaching how to submit forms via jQuery/AJAX. Have the form post to a PHP page to handle the form data.

In short, your jQuery code would look similar to this:

$("#form").submit( function()
{
    // Handle validation or any extra data here.
    // Return true if validation passed and the data should be posted
    // Return false if the form should not be submitted

    // You can also do any extra work here that you like before returning,
    // including changing something on the page or showing the user a message.
}

answered Feb 24, 2010 at 13:52

Aaron

7,1484 gold badges34 silver badges48 bronze badges

Comments

Fenton · Accepted Answer · 2010-02-24 13:53:27Z

1

There's a cracking plugin for this:

http://plugins.jquery.com/project/form/

It's as easy as:

$('#myForm').ajaxForm(function() { 
    alert("Thank you for your comment!"); 
});

answered Feb 24, 2010 at 13:53

Fenton

253k74 gold badges404 silver badges414 bronze badges

Collectives™ on Stack Overflow

jQuery form processing

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related