回车键或者button点击 会自动刷新问题;
回车键或者button点击 会自动刷新问题;
代码如下:
回车问题
<form onsubmit="return false">
姓名:<input name=" name " type="text ">
年龄: <input name="age " type="text ">
<button>提交</button>
</form>
button 问题
<form onsubmit="return false">
姓名:<input name=" name " type="text ">
年龄: <input name="age " type="text ">
<button>提交</button>
</form>
-
回车问题::
-
- 当前嵌套form下有input时,鼠标聚焦在input时,按下回车将会刷新默认form中action的 请求;
-
- 当action没有写时;会刷新当前网页地址,或者所在iframe地址,并拼接input的值;
-
button
-
- 当前嵌套form下有input时,并且有一个button 就算button 绑定事件是其他;也会刷新 会默认和 相同;
-
- 当action没有写时;会刷新当前网页地址,或者所在iframe地址,并拼接input的值;
解决方法::
-
在 form元素 加上属性 onsubmit="return fasle";
-
如果 button要去执行其他事件 在button元素,加上属性 type="buttton";
-
将 ‘<input type="button" value="tijiao " style="display: none;">’ 改为:type=button 回车提交将会阻止

浙公网安备 33010602011771号