make text empty in form after submit ajax [Answered]RSS

• • Reply
  hocamahdi99

  Member

  4 Points

  40 Posts

  make text empty in form after submit ajax

  Jan 23, 2019 02:53 PM|hocamahdi99|LINK

  I have a ajax that call action in my controller so when i enter submit it will not redirect or prevent default behaviour of action below is my ajax call 
  
  

   $(function () {
              $(document).on('submit', '#OptionForm', refreshGrid);
          });
          var refreshGrid = function () {
              $.ajax({
                  url: this.action,
                  type: this.method,
                  data: $(this).serialize(),
                  success: function (data) {
                      //Do Something
                  }
              });
  
              return false;
          }

  and here is my input form 

    @using(Html.BeginForm("Send","Message",new { username = ViewBag.username },FormMethod.Post,new { id = "OptionForm" }))
                {
                      @Html.AntiForgeryToken()
  
                      <div class="type_msg">
                          <div class="input_msg_write">
                              @Html.EditorFor(model => model.NewMessage.Content,
                                  new { htmlAttributes = new { @class = "write_msg",@placeholder = "Type a message to " + ViewBag.info +"..." } })
                          </div>
                      </div>
                  }

  everything work as expected after submit form, it will prevent default behaviour of my controller, My problem is when i submit the text in editor form don't remove, i mean i want to make editor or input empty after i submit form, how can i do that Thanks

  

• • Reply
  bruce (sqlwo...

  All-Star

  51294 Points

  12339 Posts

  Re: make text empty in form after submit ajax

  Jan 23, 2019 02:59 PM|bruce (sqlwork.com)|LINK

  
  In the Ajax success callback, add code to clear the text box, or use form.reset()
  
  
  bruce (sqlwork.com)
• • Reply
  hocamahdi99

  Member

  4 Points

  40 Posts

  Re: make text empty in form after submit ajax

  Jan 23, 2019 03:03 PM|hocamahdi99|LINK

  Thanks for your respond how do i do that, cause i;m new in ajax

• • Reply
  yogyogi

  Participant

  780 Points

  503 Posts

  Re: make text empty in form after submit ajax

  Jan 23, 2019 03:25 PM|yogyogi|LINK

  You are using a jQuery AJAX method request 

  $.ajax({
      url: this.action,
      type: this.method,
      data: $(this).serialize(),
      success: function (data) {
          //Do Something
      }
  });

  Inside the success callback you can reset the values of all text boxes using jQuery like this:

  success: function (data) {
      $("input[type='text']").val("");
  }
  

  The $("input[type='text']") is the selector for all input controls of type text in the page. And you can use .val() method to set the value inside them to empty.

  Thanks & Regards

  Helping you always. Don't forget to click "Mark as Answer" on the post that helped you.
  
• • Reply
  hocamahdi99

  Member

  4 Points

  40 Posts

  Re: make text empty in form after submit ajax

  Jan 23, 2019 03:49 PM|hocamahdi99|LINK

  noce thanks for your answer