Javascript 论坛提交按钮正在将我重定向到未知网页?
我正试图创建一个与html联系我们论坛 这是我当前的html:Javascript 论坛提交按钮正在将我重定向到未知网页?,javascript,html,Javascript,Html,我正试图创建一个与html联系我们论坛 这是我当前的html: <form id="contact_form" name="contact_form" method="post" action="validate()"> <div class="row"> <label for="name" class="desc" style="font-size: 30px;">Your name:</label><br />
<form id="contact_form" name="contact_form" method="post" action="validate()">
<div class="row">
<label for="name" class="desc" style="font-size: 30px;">Your name:</label><br />
<input id="name" class="input" name="name" type="text" value="" size="50" /><br />
</div><br /><br />
<div class="row">
<label for="email" class="desc" style="font-size: 30px;">Your email:</label><br />
<input id="email" class="input" name="email" type="text" value="" size="50" /><br />
</div><br /><br />
<div class="row">
<label for="message" class="desc" style="font-size: 30px;">Your message:</label><br />
<textarea id="message" class="input" name="message" rows="8" cols="50"></textarea><br />
</div>
<div class="row"><br />
<input id="submit_button" type="submit" value="Send email"/>
</div>
</form>
还有我的javascript:
function validate() {
//Make sure name is filled out
var x = document.forms["contact_form"]["name"].value;
if (x == null || x == "") {
alert("Name must be filled out");
return false;
}
//Make sure email is filled out
var x = document.forms["contact_form"]["email"].value;
if (x == null || x == "") {
alert("Email must be filled out");
return false;
}
//Make sure message is filled out
var x = document.forms["contact_form"]["message"].value;
if (x == null || x == "") {
alert("Message must be filled out");
return false;
}
//Validate email
var x = document.forms["contact_form"]["email"].value;
var atpos = x.indexOf("@");
var dotpos = x.lastIndexOf(".");
if (atpos< 1 || dotpos<atpos+2 || dotpos+2>=x.length) {
alert("Not a valid email");
return false;
}
}
出于某种原因,当我点击submit时,它会将我带到一个名为validate的页面,我如何使它在我点击submit时执行函数validate,而不仅仅是将我带到名为validate的页面
注意:不要管php了,现在把重点放在html和javascript上,它会将其重定向到该页面,因为您正在将操作设置为转到该页面。它不执行JavaScript。你正在寻找一份委托书 将action=validate更改为onsubmit=returnvalidate
和往常一样,最好是低调地设置,而不是内联设置 因为action=validateonsubmit=return validate;。但是考虑学习其他绑定事件处理程序的方法: