Question

I’ve got a problem with my website.
I want to create a page that has many form (something like comment form for unknown number of post). One more thing i want is to submit comment form without refreshing my page.
With known number of form, i can solve my problem with ajax. But with unknown number, i do not know how to name those forms, how to write jquery code to solve!!
PS: my webpage is written in JSP.
Thanks for your help!

Answer 1

You don’t need to name all the form, you can use jquery closest function to get the value of your form. some thing like this

​

<form>
<input type="text" name="comment">
<input type="hidden" name="usrid" value="1">
<input type="button" class="submitbut" value="Submit">
</form><br/>

<form>
<input type="text" name="comment">
<input type="hidden" name="usrid" value="2">
    <input type="button" class="submitbut" value="Submit">
</form><br/>

<form>
<input type="text" name="comment">
<input type="hidden" name="usrid" value="3">
    <input type="button" class="submitbut" value="Submit">
</form>

​
And the Jquery

$(".submitbut").click(function() {
    alert($(this).closest("form").serialize());
});​

and here is the jsfiddle to help you out. click here

Updated Since OP needs to use Jquery validate

Updated Demo