Form表单阻止自动提交最佳实践

2017-04-04  本文已影响480人  9540cfc28488

在form表单的提交中我们往往要阻止表单的自动提交,阻止页面自动刷新,运用ajax异步获取数据动态刷新页面的效果,下面就来总结一下阻止表单自动提交的方法。

  1. 直接在HTML中
    <form onsubmit="return false">
    <input type="text">
    <button>submit</button>
    </form>
  2. 通过js实现
    var form = document.getElementsByTagName('form')[0];
    form.addEventListener('submit',function(e){
    var event = e || window.event;
    event.preventDefault();
    });
上一篇 下一篇

猜你喜欢

热点阅读