如何在提交時使用Jquery從文本輸入框中刪除用戶輸入？

Question

我似乎無法使它在我的生命中發揮作用。 我嘗試使用getElementById('guess').value和$('#guess').val將值設置為'' ，嘗試使用$('#formGuess').reset()等，不知道為什么價值不明確。

這是我的代碼：

JS

$('#submit').on('click', function(e) {
  e.preventDefault();

  var guess = $('#guess').val();
  $('#guess').removeAttr('value');
}

HTML

<div class="container center">
      <div class="row">
        <div class="col-md-4 col-md-offset-4">
          <form class="form-horizontal" method="post" id="guessForm">
            <div class="form-group">
              <div>
                <input type="text" class="form-control" placeholder="Guess" id="guess"/>
              </div>
                <input type="submit" class="btn btn-success" name="submit" value="Guess" id="submit"/>
            </div>
          </form>
        </div>
      </div>

Answer 1

將空字符串設置為文本框的值，如下所示。

$('#guess').val('');

Answer 2

根據您的代碼，

var guess = $('#guess').val();

您將獲得未設置的值。

設定值

$('#guess').val('');

Answer 3

首先，您應該在表單上而不是按鈕上附加一個“提交”偵聽器，例如

<form id="someForm"></form>

$("#someForm").submit(function () {
    // your code
});

但是，如果要將其附加到按鈕上，則可以這樣做，不用擔心。

確保該事件被調用。 您確定調用了“ click”事件中的函數嗎？ 放一個console.log（“ someText”）;

如果被調用，請確保jQuery獲取正確的元素。 也許您打錯了字？ 也許缺少“＃”符號？ 或者，也許根本沒有加載jQuery？

打開開發人員工具，然后檢查控制台中的內容。

可能您犯了一個簡單的錯誤-它總是關於簡單的錯誤。 :)