Question

I have a form for Tags that is working OK, with some server validation, I would like to add a Jquery to submit the content without refreshing:

<form method="post" action="tags">
  <div>
        <input type="hidden" name="id" value="getId()" />
        <input type="text" name="tag" />
        <input type="submit" value="Add" name="add" />
    </div>
</form>

Any advice will be highly appreciated.

Answer 1

Check out the jQuery Form Plugin. Using it, you can submit a form without reloading the page like so:

<form id="aForm" action="target.php" method="post>
    ...
</form>
<script type="text/javascript">
    $(document).ready(function() {
        $("#aForm").ajaxForm();
    });
</script>

The ajaxForm() function also supports all options (such as a callback function) that can be passed to the standard jQuery $.ajax function.