web form submit text field not clear [duplicate]

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
– faisal iqbal

2016-06-01 16:23:15 +00:00
Commented Jun 1, 2016 at 16:23 — faisal iqbal
– faisal iqbal, Commented Jun 1, 2016 at 16:23

RiggsFolly · Accepted Answer · 2016-06-01 16:30:44Z

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 1, 2016 at 16:30

answered Jun 1, 2016 at 16:23

RiggsFolly

94.7k22 gold badges108 silver badges152 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

faisal iqbal Over a year ago

when i use it page reload

RiggsFolly Over a year ago

It must have been doing that before

faisal iqbal Over a year ago

without reload i want it clear

faisal iqbal Over a year ago

i am using jquery because i just dont want to reload my page

RiggsFolly Over a year ago

See amended answer

|

DeepCode · Accepted Answer · 2016-06-01 19:49:47Z

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 1, 2016 at 19:49

answered Jun 1, 2016 at 16:23

DeepCode

3562 silver badges9 bronze badges

4 Comments

faisal iqbal Over a year ago

yes i have use this but by using this page reload

DeepCode Over a year ago

you must add "e.preventDefault();"

faisal iqbal Over a year ago

$( 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 Over a year ago

i am doing like this but its not working

Collectives™ on Stack Overflow

web form submit text field not clear [duplicate]

2 Answers 2

8 Comments

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

4 Comments

Linked

Related