时间戳

首页 > 解决方案 > 表单中的第二个输入框第二次不起作用

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

问题描述

我有这个表格：

<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("") 但似乎没有任何改变。有什么帮助吗？：/

标签： javascripthtmljqueryformsform-submit

解决方案

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

推荐阅读