我正在尝试获得一个超链接元素,以充当表单提交按钮。多年来,这种问题已经被多次回答,但是由于某种原因,即使使用剪切粘贴的代码,我也无法使其正常工作,我想知道我是否遗漏了一些简单的事情,眼睛太烦人了,看不见。完整的代码在这里:
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function signup() {
alert("Form is " + document.signup_form);
document.signup_form.submit() ;
}
-->
</script>
</head>
<body>
<?php
echo("Submit is [" . $_POST['submit'] . "]");
?>
<form method="post" name="signup_form" id="signup_form" action="" >
<input type="text" name="from_email" placeholder="e-mail address"><br>
<input type="submit" name="submit" value="Send Email">
<a href="javascript:signup()">Sign Up!</a><br>
</form>
</body>
</html>
输入的提交元素(“发送电子邮件”)可以正常工作。超链接(“注册!”)也可以正常工作,并调用javascript函数,以便显示该函数中的alert()框。
因此,只是
submit()
调用没有执行任何操作-我什至在document.signup_form
框中打印了alert()
以确认其已定义(是)。那我在这里想念什么?谢谢你的帮助!
最佳答案
表单如何与Javascript一起使用有一个奇怪的事情-每个字段都可以使用formElement.fieldName
访问。不幸的是,这意味着如果您将字段输入命名为submit
,则内置的formElement.submit()
函数突然会被输入元素替换。因此,在您的代码中,document.signup_form.submit()
失败了,因为它正在调用元素而不是方法,并且您不能将元素作为函数调用。有关详细信息,请参见此SO QA。
修复很容易-更改:
<input type="submit" name="submit" value="Send Email">
至:
<input type="submit" name="submitBtn" value="Send Email">
另外,正如其他人指出的那样,您将希望对表单进行有效的操作。同样,通常最好通过id(
document.getElementById()
)而不是诸如document.signup_form
之类的东西来访问事物。关于javascript - 使超链接成为表单提交按钮,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/56302271/