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为＆＃34; form＆＃34;。为了完成这项工作，您需要为表单元素指定一个表单ID。例如。 <form id="form" method="POST" action="#">

但是，为了提醒文本框的值，您不需要将值放入数据名称属性，而是在提交时从表单中获取值。

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

请参阅以下小提琴，例如：

https://jsfiddle.net/dgw3bw63/

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

1 个答案: