javascript - 尝试在我的弹出窗口中提交表单并获取已提交的值

Question

这段代码的目标是从我的 Chrome 扩展弹出窗口中的一个简单表单中获取用户输入。当用户提交表单时，我希望将该input字段中的值添加到 myNames 数组中。

在popup.html

  <form class="my-form">
    <input placeholder="Enter a name" class="name-to-submit"></input>
    <a href="#" class="primary button submit">Add Name</a>
  </form>

在 popup.js 中

    var newName = $('.name-to-submit').val();
    if ($('.submit').click() && newName !== "") {
    ... do some stuff
    }

我的问题是 newName 总是通过 as""我不知道为什么......

我应该将 my 更改anchor tag为 abutton还是inputwith type=submit？

还是做点别的？

任何帮助，将不胜感激！

Answer 1

是否有与您的锚点相关的点击事件？这应该在输入文本后将其关闭。

$(".submit").click(function(){
 var newName = $('.name-to-submit').val();
alert(newName);
});   

http://jsfiddle.net/HARR2/

编辑：如果您想在用户点击输入时触发此事件（在表单提交时）

$(".my-form").submit(function(){
 var newName = $('.name-to-submit').val();
alert(newName);
});   

http://jsfiddle.net/HARR2/2/

Answer 2

我总是会声明输入元素的类型属性。您的姓名输入元素是否应该具有属性 type="text"？