保持按钮不提交表单Javascript

MAN*_*624 5 html javascript forms

我正在学习JavaScript,并且无法在不提交表单的表单中创建一个按钮.这里有一个类似的问题,但指定的最流行的答案type="button"在我的情况下不起作用,其他答案涉及jQuery,我现在想省略.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<script type="text/javascript">
        function submit(){
                alert("Yo")
        }
</script>
</head>

<body>
<form name="myForm" onsubmit="submit()">
        <input type="button" value="Submit!" onClick="submit()" />
</form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Tib*_*gan 3

由于您没有使用type="submit"表单提交任何内容的唯一原因是因为单击按钮时您实际上是在调用submit()方法。(嗯,有点。实际上form.submit()- 您创建的方法是window.submit())。

默认情况下,除非您直接调用 form.submit() ,否则输入type="button"不会执行表单提交