欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

bootstrap表单按回车会自动刷新页面的解决办法

程序员文章站 2023-10-10 14:25:15
想给form表单增加回车自动提交的功能 $('#password').keydown(function(event){ if (event.keycod...

想给form表单增加回车自动提交的功能

$('#password').keydown(function(event){
    if (event.keycode == 13) $('#login').click();
  });

然而,并没有达到预期的效果,而是自动刷新了表单,并将表单参数放在了url后面,如图

bootstrap表单按回车会自动刷新页面的解决办法

发现是是form标签的问题,将其改为div

bootstrap表单按回车会自动刷新页面的解决办法

问题解决,原因应该是form表单按enter会自动提交的原因。