当input元素包含在form表单内，点击按钮提交事件会触发form的默认行为，导致页面刷新，从而丢失input数据。解决办法是避免使用form，改用div并绑定点击事件来防止页面跳转。这种方法保留了样式，同时避免了数据丢失的问题。
问题如下：
原因：
因为input等输入元素是包裹在form表单里的，但提交是给form内的一个按钮绑定的点击事件。点击按钮的时会冒泡触发form表单的行为，改变url,导致页面刷新，虽然方法能正常执行，但页面刷新会使input内的数据丢失。
解决办法：
不使用form表单，如果想使用其样式，可以尝试将form变为div。
扫一扫
1465
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
