javascript - 当我不希望页面重新加载时

标签 javascript html forms

我是 php 新手,我用 Javascript 制作了一个联系表单。但是当我单击提交按钮时,整个页面都会刷新。请帮助我

最佳答案

当您单击提交按钮时,浏览器的预期行为是提交表单。如果您想阻止此默认操作发生,请阅读 event.preventDefault() 或从事件处理程序返回 false

我给你举个例子。 HTML:

<form id="my-form" action="">
    ...
    <input type="submit" value="Submit me please" />
</form>

Javascript:

var myform=document.getElementById('my-form'); //getting our form
myform.onsubmit=function (e) { //attaching a handler to the submit event
    if (e && e.preventDefault) {  //modern way of preventing default action
        e.preventDefault();
    }
    else if (window.event && window.event.returnValue) { //ancient IE crap
        window.event.returnValue = false;
    }
};

下次尝试更具体。

关于javascript - 当我不希望页面重新加载时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5740646/

相关文章:

javascript - Bootstrap、jQuery 在模态中不起作用

javascript - 表单验证不喜欢我

javascript - 根据下拉列表中的选定选项选择要隐藏/显示的字段(编辑时)

javascript - 如何成功循环 JQuery 中的类数组?

javascript - 隐藏内容与 JavaScript 问题

javascript - 使用原型(prototype)隐藏/清除输入字段

forms - Yii2:如何为 activeform 使用自定义验证功能?

django - 带有 SelectMultiple 小部件的 MultipleChoiceField "Value [...] not a valid choice."

javascript - 重构 JSON 数组

javascript - 在溢出 DIV 中滚动时执行 JavaScript 函数