美文网首页
form表单中button自动刷新问题

form表单中button自动刷新问题

作者: zhi染hh | 来源:发表于2020-09-24 10:22 被阅读0次

    button按钮在IE浏览器默认类型是“button”,在其他浏览器默认为submit类型,所以在form表单内用到的button按钮必须要定义其type属性,如果指明type="submit"或者不写该属性,点击按钮时会触发整个页面的刷新。

    <button></button>相当于<button type="submit"></button>

    解决办法:

    1)在<button>标签中添加属性type="button;

          <button type="button"></button>

    2)将<button>改为<input>标签

          <input type="button" />

    3)在button的点击事件中加入阻止默认事件执行的代码段(JavaScript/jQuery)。

           $('button').on('click',function(e) {

                    e.preventDefault();

            });

    4)可以在监听按钮提交(点击)的方法中添加return false阻止刷新。

          在ajax外部添加return false; 可以阻止刷新

    相关文章

      网友评论

          本文标题:form表单中button自动刷新问题

          本文链接:https://www.haomeiwen.com/subject/pvkzyktx.html