input回车事件未实现但页面刷新

本文介绍了如何避免在form表单中仅有一个input文本框时,按回车键导致整个页面刷新的问题。提供了三种解决方案:移除form标签、添加隐藏的input元素或为form设置onsubmit事件并返回false。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

input输入数据后回车用ajax实现局部刷新,回车事件未实现却刷新了整个页面

原因如下:

你的input文本框外有form标签,当form下只有一个input文本框时回车自动提交表单

解决办法:

1、去掉form。

2、在form下加一个隐藏的input。  (<input id='hiddeninput' type="hidden" style="display:none" />)

3、form 加onsubmit 事件,返回 false。 (<form method="post" onsubmit="return false;"> )

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值