📌  相关文章
📜  如何使用 jQuery 在输入按钮上禁用表单提交?

📅  最后修改于: 2021-11-10 04:39:32             🧑  作者: Mango

提交表单有两种方法,

  • 使用“回车”键:当用户从键盘按下“回车”键时,表单提交。此方法仅在相关表单中的一个(或多个)元素具有焦点时才有效。
  • 使用“鼠标点击”:用户点击“提交”表单按钮。

方法:首先,我们需要选择表单。这是使用查询选择器完成的: $("#form-id")现在,我们需要处理表单提交过程。为此,我们使用事件处理。由于我们需要用户是否按下回车键,我们在每个按键事件on("keypress", function (event) {} )添加一个事件监听器: on("keypress", function (event) {} )

此事件处理程序将检查每次键盘按下,因此我们需要检查“回车”键。为此,我们可以使用event.keyCodeevent.which;

event.keyCode: “keyCode”属性返回触发 keypress 事件的键的 Unicode字符代码。
event.which: “which”属性返回为事件按下的键盘键(或鼠标按钮)。
现在,我们知道按下了回车键,我们需要停止默认行为。为此,我们调用了 jQuery 方法 preventDefault() 以停止事件传播。 preventDefault()

preventDefault():如果该事件是可取消的,则该方法取消该事件,这意味着属于该事件的默认动作将不会发生。

例子:

 
 
  
 
     
        Disable form submission on 
        pressing enter key
     
  
     
  
    
 
  
 
    

GeeksforGeeks

             
                             
                                     
                
                                        

输出:

jQuery 是一个开源 JavaScript 库,它简化了 HTML/CSS 文档之间的交互,它以其“少写,多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。