jQuery取消绑定“输入”以提交表单

阿尔伯特·MN。

我在玩PHP,尝试制作一个简单的计算器。我制作了一些按钮,单击后就将值添加到输入字段中,如下所示;

我的计算器

jQuery:

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

这似乎以某种方式取消了我的Enter键(在键盘上)与提交表单的绑定,而是将其绑定到第一个按钮(

我已经在这个问题上苦苦挣扎了一段时间了,还没有看到jQuery的这种和平与键绑定什么关系?

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

编辑:为避免混淆,我希望“ Enter”提交表格。

昆汀

JavaScript与此无关。

通过在文本字段中按Enter提交表单时,它将触发表单中的第一个提交按钮。

之所以触发该按钮,是因为它是第一个按钮,而不是因为您已将JavaScript附加到该按钮。

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

快速的解决办法是不使用提交按钮为您的按钮想要触发JS:

<button type="button">

(并且不要从=我认为您要触发表单提交按钮中返回false

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

preventDefault并取消绑定后提交表单

来自分类Dev

preventDefault并取消绑定后提交表单

来自分类Dev

表单提交取消了jQuery ajax调用

来自分类Dev

提交表单前jQuery检查用户的输入

来自分类Dev

jQuery提交表单(如果更改输入值)

来自分类Dev

jQuery和多个输入,表单,提交

来自分类Dev

jQuery禁用表单在输入时提交

来自分类Dev

取消MVC表单提交

来自分类Dev

jQuery ajax event.preventDefault()取消表单的提交动作

来自分类Dev

jQuery,提交不会在表单上取消

来自分类Dev

使用链接而不是提交输入来在JQuery中提交表单

来自分类Dev

使用jQuery UI对话框提交绑定表单

来自分类Dev

使用 Angular 表单取消提交

来自分类Dev

用 JS 取消表单提交

来自分类Dev

“表单提交取消,因为表单未连接”

来自分类Dev

jQuery取消绑定事件

来自分类Dev

jQuery生成的输入值未发布到表单提交中

来自分类Dev

在使用jQuery提交表单之前更改输入值

来自分类Dev

在使用jQuery提交表单之前更改输入值

来自分类Dev

jQuery在输入表单上绑定焦点和模糊事件

来自分类Dev

Kendo MVC取消提交表单-始终提交表单

来自分类Dev

显示jquery对话框确认/取消模态。表单提交后点击确认

来自分类Dev

jQuery:当用户停止提交表单时,如何处理“停止/取消”事件?

来自分类Dev

jQuery Popup表单提交

来自分类Dev

阻止表单提交jQuery

来自分类Dev

jQuery动态表单提交

来自分类Dev

jQuery的表单提交问题

来自分类Dev

jQuery移动表单提交

来自分类Dev

jQuery条件表单提交