resetメソッドを使うにはどうすればいいですか？

Question

コード
$(function(){
    function buildHTML(message){
         image = ( message.image ) ? `<asset_path src=${message.image} >` : "";
          var html =
          `<div class="message">
          <div class="upper-message">
            <div class="upper-message__user-name">
              ${message.user_name}
            </div>
            <div class="upper-message__date">
              ${message.date}
            </div>
          </div>
          <div class="lower-message">
              <p class="lower-message__content">
                ${message.content}
              </p>
          </div>
           ${image}
        </div>`
        return html;
        
        }
        
        
          $('#new_message').on('submit',function(e) {
            e.preventDefault();
            var formData = new FormData(this);
            var url = $(this).attr('action');
            $.ajax({
              url: url,
              type: "POST",
              data: formData,
              dataType: 'json',
              processData: false,
              contentType: false
            })
            .done(function(data){

                var html = buildHTML(data);
                  $(' .messages').append(html);
                  $('.messages').animate({scrollTop: $('.messages')[0].scrollHeight}, 'fast');
                  $('.form__message').val('');
                  $(".form__submit").prop('disabled', false);
            })
            .fail(function(){
                alert('error');
            });
          });
        });

画面をリロードしなくてもいいようにということなのですが、プログラミング初心者です。どなたかわかるかたいらっしゃいませんか？

Comments

[y_waiwai]

このままではコードが見づらいので、質門を編集し、<code>ボタンで、出てくる’’’の枠の中にコードを貼り付けてください

[javahack]

タグはJavaではなくJavaScriptが正しいので修正してください。
その方が回答が得られやすくなります。

[OSK3426]

みなさまありがとうございます。使い慣れずに申し訳ありません。

Answer 1

resetするには下記のようなやり方があるみたいです！

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

or

$('#form').get(0).reset();

$('#reset').click(function() {
    $(':input','#myform')
        .not(':button, :submit, :reset, :hidden')
        .val('')
        .removeAttr('checked')
        .removeAttr('selected');
});

Comments

[OSK3426]

ご返答ありがとうございます。試してみます。