当我提交表单时，会出现空白页。我想留在同一页上。
HTML：
<form id='credentials'>
<div class="field">
<label for="name">Username:</label>
<input type="text" id="name" name="username" />
</div>
<div class="field">
<button type="submit">Send</button>
</div>
</form>
JavaScript：
if (localStorage) { // checks for localStorage support
// add event listener for form submission
document.getElementById('credentials').addEventListener('submit', function() {
// get value of username field
var username = document.getElementById('username').value;
console.log('submitted')
// save name in localStorage
localStorage.setItem('name', username);
});
} else {
console.log('no localStorage');
}
最初，我使用return false;了Submit事件侦听器，但是后来我读了一篇文章，指出这种用法return false;被广泛滥用，因为它似乎在做我们想要的事情。实际上，它对您的代码施加了限制，从而降低了代码的灵活性，增加了维护代码的难度。
文章：http : //fuelyourcoding.com/jquery-events-stop-misusing-return-false/
我event.preventDefault()在提交事件侦听器中成功使用了阻止表单提交的功能。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句