2

我在 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 代码放置在文档的底部，在脚本标签中，并且放置在那里的任何其他警报都有效（即 alert("hello world"); 放在提交方法之前。

我在stackoverflow上看到了其他一些类似的问题，即（Jquery表单字段值和检索Jquery中输入文本字段的值）但它们似乎没有解决我的问题。

有任何想法吗？

4

2 回答 2

2

提交表单后，页面会重新加载。你需要防止这种情况！

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

并正确关闭功能！

于 2013-02-26T14:53:03.493 回答
1

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

尝试 ：

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

更新

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

于 2013-02-26T14:53:15.167 回答