JqueryForm result in a div

Question

I am using the jQuery Form plugin API to submit a form. It is submitting in the background, but how do I show this result (actionpage.php) in a div (with id posthere) as shown below.

<form id="myForm" action="actionpage.php" method="post"> 
    Name: <input type="text" name="name" /> 
     <input type="submit" value="Submit Comment" /> 
</form>
<script>
$('#myForm').ajaxForm();
</script>

<div id="posthere" ></div>

You have to put a callback function to `ajaxForm` to handle the result. Please check http://stackoverflow.com/questions/14754619/jquery-ajax-success-callback-function-definition — mario.van.zadel, Jul 28 '16 at 05:47

score 0 · Accepted Answer · answered Jul 28 '16 at 05:48

0

Please try following code.

$("#myForm").ajaxForm({
    success: function(res, status, xhr, form) {
        // This will show the direct res over here, you can format it as per your need.
        $('#posthere').html(res);
    }
});

answered Jul 28 '16 at 05:48

Mohit Tanwani

6,608
2
14
32

JqueryForm result in a div

1 Answers1