如何跟踪已提交的所有输入

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/