how do i empty the field

Question

I use this code to submit a form

<script type="text/javascript">
    var frm = $('#blogform');
    frm.submit(function (ev) {
        $.ajax({
            type: frm.attr('method'),
            url: frm.attr('action'),
            data: frm.serialize(),
            success: function (data) {
                alert(data);
            },
            error: function (jXHR, textStatus, errorThrown) {
                alert(errorThrown);
            }
        });

        ev.preventDefault();
    });
</script>

    <form id="blogform" action="/my_url" method="post">
        ...
    </form>

My problem is that if the submission is successful I want to be able to empty the form field.

In the form tag, the id is myform but in the jquery code it's blogform. It must be the same. — Mawia HL, Mar 31 '16 at 19:15
In the success() part, instead of alert() change it to: `$('#blogform')[0].reset()` — JP. Aulet, Mar 31 '16 at 19:53

score 2 · Accepted Answer · edited May 23 '17 at 10:29

var frm = $('#blogform'); must be var frm = $('#myform'); according to the form sample you provide in the question. And in order to reset your form, Use trigger or reset before alert(data):

$('#myform').trigger("reset");

or

$('#myform')[0].reset();

In your php code you can check whether the submission is successful or not and process that data the jquery like below:

if(data){
  $('#myform')[0].reset();
  alert(data);
}else{
 return false;
}

Hope this may help you.

score 0 · Answer 2 · answered Mar 31 '16 at 19:13

0

You can use JavaScript reset() method.

answered Mar 31 '16 at 19:13

Bill

1
3

You should add a small example to boost the quality of your answer. – m02ph3u5 Mar 31 '16 at 19:18

how do i empty the field

2 Answers2