web form submit text field not clear

Question

i have a little problem in form submit when i click send . message send but message box not clear i am using jquery to submit the form . i just want when i click on send button my message field clear auto . how to made it? here is my form html

    <form id ="messageForm" action = "<?php $_PHP_SELF ?>" method = "POST">
    <input type="hidden" name="sender_email" id="sender_email" value="">
    <input type="hidden" name="reciver_email" id="reciver_email" value="">
<input type="text" name="data" id="data"   placeholder="Message..." required=""   />
    <button id='send'>Send</button>
</form>

this is my jquery code

   $('#messageForm').submit(function(){
    return false;
});

$('#send').click(function(){

    $.post(     
        $('#messageForm').attr('action'),
        $('#messageForm :input').serializeArray(),
        function(result){
            $('#userschat').html(result);
        }
    );
});

will you please tell me how to clear it i am new in web. – faisal iqbal Jun 01 '16 at 16:23 — faisal iqbal, Jun 01 '16 at 16:23

RiggsFolly · Answer 1 · 2016-06-01T16:30:44.603

1

Then you have to clear that field manually, at some point in your code that make logical sense, I suggest from within the function in the $.post

Also you need to use preventDefault() to stop the form refreshing the page

$('#send').click(function(e){         //<- amended
    e.preventDefault();               //<- new line
    $.post(     
        $('#messageForm').attr('action'),
        $('#messageForm :input').serializeArray(),
        function(result){
            $('#userschat').html(result);
            $('#data').val('');                        //<- new line
        }
    );
});

edited Jun 01 '16 at 16:30

answered Jun 01 '16 at 16:23

RiggsFolly

93,638
21
103
149

when i use it page reload – faisal iqbal Jun 01 '16 at 16:27
It must have been doing that before – RiggsFolly Jun 01 '16 at 16:28
without reload i want it clear – faisal iqbal Jun 01 '16 at 16:29
i am using jquery because i just dont want to reload my page – faisal iqbal Jun 01 '16 at 16:30
See amended answer – RiggsFolly Jun 01 '16 at 16:30
i check it but its not working here message field not clear – faisal iqbal Jun 01 '16 at 16:34
Is the `function` being executed? – RiggsFolly Jun 01 '16 at 16:37
Yes function executed – faisal iqbal Jun 01 '16 at 16:51

DeepCode · Answer 2 · 2016-06-01T19:49:47.280

0

I've tested this cose and it is correct:

  $( document ).ready(function() {
    $('#messageForm').submit(function(e){
       e.preventDefault();
    });
    $('#send').click(function(e){
      $("#messageForm")[0].reset()
    });
  });

Your javascript must be included in $( document ).ready and it must be completed with your logic.

edited Jun 01 '16 at 19:49

answered Jun 01 '16 at 16:23

DeepCode

358
2
9

yes i have use this but by using this page reload – faisal iqbal Jun 01 '16 at 16:27
you must add "e.preventDefault();" – DeepCode Jun 01 '16 at 16:45
$( document ).ready(function() { $('#messageForm').submit(function(e){ e.preventDefault(); }); $('#send').click(function(e){ $("#messageForm")[0].reset() $.post( $('#messageForm').attr('action'), $('#messageForm :input').serializeArray(), function(result){ $('#userschat').html(result); } ); }); }); – faisal iqbal Jun 02 '16 at 01:55
i am doing like this but its not working – faisal iqbal Jun 02 '16 at 01:55

web form submit text field not clear

2 Answers2