表单中的第二个输入框第二次不起作用

Posted 2023-05-09

【中文标题】表单中的第二个输入框第二次不起作用

【英文标题】：Second input box in form doesn't work second time

【发布时间】：2021-06-12 23:55:22

【问题描述】：

我有这个表格：

<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...

但是当我第二次尝试使用该表单时，日志中的描述为空，而名称和频率接受新的输入。我已经尝试过重置和 .val("") 但似乎没有任何改变。有什么帮助吗？ ：/

【问题讨论】：

“描述”的任何重复的 id 属性？

我得到了正确的价值。您是否有多个具有相同描述 ID 的元素？

不，这是唯一具有该 ID 的元素。这就是为什么我很困惑

@Dhara 正确的意思是它显示了一个值吗？

有值

【参考方案1】：

原来我有另一个具有相同 id 的元素，但在单独的脚本中在 php 中定义