Question

当我单击表单上的提交时，应该弹出其他内容。但是，当我单击“提交”时，它会重新加载页面，因此事情不会弹出。

我找不到所需的答案。我还没有完成这个项目，所以如果它看起来不完整，那就是为什么。

这是代码。

NSConnection

（CSS）

NSXPCConnection

（JAVASCRIPT

Returns  TResult    
Throws IllegalStateException    if the Task is not yet complete

Answer 1

只需将return false添加到onclick事件：

<input type="submit" value="Submit" id="squarebutton" onclick="square(); return false;">

Answer 2

由于您没有使用任何表单处理程序，因此不需要提交按钮类型。您可以简单地使用带有类型按钮的输入，它将正常工作。只需将提交按钮代码更改为以下-

<input type="button" value="Submit" id="squarebutton" onclick="square()">

希望有帮助。

Answer 3

这是设计使然；这就是HTML表单的工作方式。当用户单击带有type="submit"的表单中的按钮时，表单将提交到form标记的action=""属性中指定的页面。如果未指定其他页面（或者省略了属性），则表单数据将发送到同一页面（即原始页面；即表单所在的页面）-被视为页面刷新。

要避免这种（默认）行为，您可以中断提交过程和return false-或可以从使用表单切换为使用AJAX。

How to interrupt the form submit process

What is AJAX and how to use it

Form submitting when clicked

Should I have One form or two seperate forms

Answer 4

如果您不想提交表单并且不希望重新加载页面，则只需对表单使用novalidate属性，它将为您工作。

    <form name="squareform" id="squareform" novalidate>
       <input id="squareinput"   type="text" placeholder="x">
       <input type="submit" value="Submit" id="squarebutton" onclick="square()">
    </form>

提交表单时如何轻松地阻止页面重新加载？

4 个答案: