表單中的第二個輸入框第二次不起作用

Question

我有這個表格：

<form id="addChore" method="post" action="allocate.php">

  <label>Name of new chore:</label>
  <input type="text" id = "choreName" name="choreName">
  <p></p>

  <label>Description:</label>
  <input type="text" id="description" name="description">
  <p></p>

  <label>Frequency:</label>
  <select id="frequency" name="frequency">
...
  </select>

  <input type="submit" value="Submit">
</form>

還有這個 jQuery

$(document).ready(function(){

    $("#addChore").on('submit',function(e){
        e.preventDefault();
        $("#error").empty();
        var name = $("#choreName").val();
        console.log(name);

        var description = $("#description").val();
        console.log(description);

        var frequency = $("#frequency").val();
        console.log(frequency);

        var message=("Please fill all fields");
        // $('#addChore')[0].reset();

        if (!name || !description){
            $("#error").append("<p>"+message+"</p>");
            return false;
        }
        else{...}

但是當我第二次嘗試使用該表單時，日志中的描述為空，而名稱和頻率接受新的輸入。 我已經嘗試過 resets and.val("") 但似乎沒有任何改變。 有什么幫助嗎？ ：/

Answer 1

原來我有另一個具有相同 id 的元素，但在 php 的單獨腳本中定義