回车键或者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>
  • 回车问题::

    1. 当前嵌套form下有input时,鼠标聚焦在input时,按下回车将会刷新默认form中action的 请求;
    1. 当action没有写时;会刷新当前网页地址,或者所在iframe地址,并拼接input的值;
  • button

    1. 当前嵌套form下有input时,并且有一个button 就算button 绑定事件是其他;也会刷新 会默认和 相同;
    1. 当action没有写时;会刷新当前网页地址,或者所在iframe地址,并拼接input的值;

解决方法::

  • 在 form元素 加上属性 onsubmit="return fasle";

  • 如果 button要去执行其他事件 在button元素,加上属性 type="buttton";

  • 将 ‘<input type="button" value="tijiao " style="display: none;">’ 改为:type=button 回车提交将会阻止

posted @ 2020-06-09 16:47  古月大叔  阅读(271)  评论(0)    收藏  举报