bootstrap表单按回车会自动刷新页面的怎么办

这篇文章主要为大家展示了“bootstrap表单按回车会自动刷新页面的怎么办”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“bootstrap表单按回车会自动刷新页面的怎么办”这篇文章吧。

我们提供的服务有:成都网站建设、成都网站制作、微信公众号开发、网站优化、网站认证、淄博ssl等。为成百上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的淄博网站制作公司

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

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

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

bootstrap表单按回车会自动刷新页面的怎么办

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

bootstrap表单按回车会自动刷新页面的怎么办

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

以上是“bootstrap表单按回车会自动刷新页面的怎么办”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网站栏目:bootstrap表单按回车会自动刷新页面的怎么办
标题来源:http://cdiso.cn/article/pisohh.html

其他资讯