如何跟蹤已提交的所有輸入

Question

每當有人僅使用data-name提交名稱時，我都試圖保持跟蹤。 我如何提醒用戶讓他們知道內容是否已發布到網站以及還提交了哪些其他名稱。

<div id="container">
  <form method="POST" action="#">
    <label class="large">Please enter your name
       <input id="textbox" class="name" data-name="" pattern="[a-zA-Z0-9]{1-45}">
    </label>
  </form>
</div>

這是我正在使用的JQuery：

 //When the form is submitted
$("#form").submit(function(){
  //get the value of the input
  var input = $('#textbox').val();

  //insert it into the data-name attribute
  var name = $("#textbox").attr("data-name", input);

  //Aler the user 
  $("input[data-name]").val(function(){
    alert($(this).data('name'));
  });

});

Answer 1

我認為您的jquery選擇器不正確。

$("#form")表示它的對象是id為“ form”的元素。 為了使該工作有效，您需要為form元素指定一個id。 例如<form id="form" method="POST" action="#">

但是，為了提醒文本框的值，您不需要將值放入data-name屬性中，而是在提交時從表單中獲取值。

$('#myForm').submit(function(e){
    alert(e.target.foo.value);
})

有關示例，請參見以下小提琴：

https://jsfiddle.net/dgw3bw63/