Question

我在html中有一个表单字段，其中包含：

<form id="tasklist">
  <input type="text" id="name" ...></input>
  ... more form elements here ...
</form>

现在在我的jQuery代码中，我想获得这些表单元素的值，但是我无法看到我在使用以下代码时出错：

$(document).ready(function(){
  $("#tasklist").submit(function(){
    alert($("#name").val()); // This does not alert anything on form submit
  });
});

我已经确定我的所有html id都是唯一的，javascript代码放在文档的底部，脚本标签和其中任何其他警报都有效（即警告（“你好世界”）;放在前面提交方法。

我在stackoverflow上看到了其他一些类似的问题，即（Jquery form field value和Retrieving the Value of an input text field in Jquery），但它们似乎无法解决我的问题。

有什么想法吗？

Answer 1

提交表单后，页面会重新加载。你需要阻止它！

$(document).ready(function(){
  $("#tasklist").on('submit', function(e){
     e.preventDefault();
     alert( $("#name").val() );
  });
});

正确关闭功能！

Answer 2

你有一些错别字：功能没有关闭。它会导致JS错误，并可能会停止脚本执行。

尝试：

$(document).ready(function(){
  $("#tasklist").submit(function(){
    alert($("#name").val()); // This does not alert anything on form submit
  });
});

<强>更新

基本小提琴例子：http://jsfiddle.net/UQTY2/28/

在Jquery中检索表单字段的值

2 个答案: