jQuery unbinds'进入'提交表格

时间:2016-02-10 14:50:09

标签: php jquery html forms

我正在玩PHP,尝试制作一个简单的计算器。我点击了按钮,将值添加到输入字段,就像这样;

My calculator

jQuery:

$('.symbols button').click(function() {
    $('#advanced-sqrt').focus();
    var value = $(this).text();
    var input = $('#advanced-sqrt');
    input.val(input.val() + value);
    return false;
});

这似乎解开了我的回车键(在键盘上)提交表单,而不是将其绑定到第一个按钮(

我已经在这个问题上挣扎了很长一段时间了,并且还没有能够看到jQuery的这种和平将如何任何与键绑定有关?

在去Google寻求帮助之后,我看到了一些关于return false;的讨论,但是从我的代码中删除它似乎不是一个选项(如果我这样做,我的表单每次单击按钮时都会提交)

修改 为避免混淆,我希望“输入”#39;提交表格。

2 个答案:

答案 0 :(得分:1)

JavaScript与此无关。

当您在文本字段中按Enter键提交表单时,它会触发表单中的第一个提交按钮。

按钮被触发,因为它是第一个,而不是因为你已经附加了JavaScript。

JavaScript返回false,这阻止了表单的提交。

快速解决方案是不使用想要触发JS的按钮的提交按钮:

<button type="button">

(并且不会从我认为你想要触发表单提交的=按钮返回false)

答案 1 :(得分:0)

不太确定你要问的是什么......如果您回复,我会编辑我的答案,但如果问题是提交了表格&#39;

为什么不做以下事情:

$('form').submit();

指定适当的事件后。