当前位置: 首页 > 编程笔记 >

Jquery响应回车键直接提交表单操作代码

徐博雅
2023-03-14
本文向大家介绍Jquery响应回车键直接提交表单操作代码,包括了Jquery响应回车键直接提交表单操作代码的使用技巧和注意事项,需要的朋友参考一下

事情是这样的,做了一个登陆页面,把 Form 去了,直接拿 Jquery 的 Ajax 跟服务器交互,但是这样的话 浏览器就不会默认响应 回车键提交数据了。索性让 Jquery 也接管 回车键的响应吧:


$("#loginbox input[type='submit']").click(function() {

    //Ajax 与服务器交互验证

});

$('#loginbox').keydown(function(e){

    if(e.keyCode == 13){

        //模拟点击登陆按钮,触发上面的 Click 事件

        $("#loginbox input[type='submit']").click();

    }

});

如果使用keydown的话,IE6可能无效,解决方法请接着往下看

键盘事件有3:

keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘 。

正确代码为:


$(document).keyup(function(event){

  if(event.keyCode ==13){

    $("#submit").trigger("click");

  }

});

推荐:keyup,防止笔记本键盘不小心触摸到了

1.有些文档中有写成这样:


$(window).keydown(function(){

...

})

XP系统IE6下是不成功的。

2.还有INPUT的


$("input").keydown(function(){

...

})

这种情况要在input获取焦点时候,才能监听到键盘事件。

 类似资料:
  • 问题内容: 如何仅在文本输入字段上使用Enter键提交表单,而不必添加提交按钮? 我记得以前曾经这样做过,但是现在我对其进行了测试,除非表单中有一个Submit-type输入字段,否则表单不会提交。 问题答案: $(“input”).keypress(function(event) { if (event.which == 13) { event.preventDefault(); $(“form

  • 我正在为一个Angular 4组件编写一个测试,该组件是一个登录表单。可以通过单击“提交”按钮或在任何输入字段中按enter来提交表单。这种行为是由角度形式指令规定的。 我可以编写一个测试用例来验证单击按钮是否提交表单,但我不能用keypress事件触发提交行为。 从按钮分派'Click'事件的测试通过,但从输入元素分派keydown事件的测试(当前已禁用)失败。 我是否可以分派不同的事件来触发窗

  • 问题内容: 据我所知,在AngularJS中处理对话框中回车键的推荐方法是在对话框内放置一个 标记和一个提交按钮。 足够公平,但是如果您使用Angular-UI及其$ dialog服务,则在按Enter键时,该表单将仅以静默方式关闭。没有办法拦截。即使您将处理程序附加到ng-click或ng- submit,该窗体也将关闭而不返回任何结果。 还有什么我需要做的吗 [编辑] 解决后,我必须明确指定“

  • 我正在尝试为我的登录构建一个提交表单,但我不知道为什么这个操作不起作用。有什么想法吗? > 列表项jquery $(“Form”).Submit(函数(e){e.PreventDefault();switch(this.id){case“login-form”:var$lg_username=$('#login_username').val();var$lg_password=$('#login_

  • 本文向大家介绍javascript实现回车键提交表单方法总结,包括了javascript实现回车键提交表单方法总结的使用技巧和注意事项,需要的朋友参考一下 本文实例总结了javascript实现回车键提交表单方法。分享给大家供大家参考。具体分析如下: 第一种方法:javascript实现 第二种方法:jquery实现(ie8、chrome和firefox都支持) 希望本文所述对大家基于js的web

  • 本文向大家介绍jquery+ajax实现直接提交表单实例分析,包括了jquery+ajax实现直接提交表单实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery+ajax实现直接提交表单的方法。分享给大家供大家参考,具体如下: 这里给出查看帮助文档的例子 界面显示的内容是 直接使用ajax提交表单传递参数 更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery