输入的提交名称未发布

Question

我有一个带有一个输入字段和提交按钮的表单。我知道可以提交按钮的名称，但由于某种原因，它没有被发布到服务器。

$(document).ready(function(){

  $("form").submit(function(e) {
      e.preventDefault();
      console.log($(this).serialize());
      return false;
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="post">
<div class="a">
  <label>Name</label>
  <input name="projectName" type="text">
</div>
<div class="b">
  <input name="newProject" value="Save Project" type="submit"></div> 
</form>
<p>"newProject" field from submit input is not being posted</p>

通过执行 print_r($_POST) 唯一可见的是 Array([projectName] => "")，但表单名称 "newProject" 不可见，甚至无法发送。

这是一个 fiddle 演示：https://jsfiddle.net/bosLyn1w/

为什么会这样，我该如何提交提交输入的名称？

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">  </script>
<script>
$(document).ready(function(){
$('form').on('click', 'input[type=submit]', function(e) {
$(this.form).data('clicked', this.name);      
$('.pVal').html($(this.form).serialize()+ ' <br> '+this.name+'=' +this.value);
console.log($(this.form).serialize());
return false;
});
});
</script>
<form method="post">
<div class="a">
<label>Name</label>
<input name="projectName3" type="text">
</div>
<div class="b">
<input name="newProject4" class="newProject" value="Save Project" type="submit"></div>  
</form>
<p class="pVal"> -- Please put the both fields value here ---</p>

输入的提交名称未发布

Input submit name is not being posted

html

forms

jquery

submit