javascript - OnSubmit Javascript 不覆盖提交操作

Question

我正在尝试使用网络表单构建网站。我正在使用 Godaddy 的默认网络表单 PHP，但我不确定如何验证必填字段的表单。

我希望用户无法在验证之前提交表单。我发现其他用户在线提交的 JavaScript 文件解决了这个问题，但我似乎无法让它工作。

<script language="javascript" type="text/javascript">
function checkForm() {
    if (form.FirstName.value == "") {
        alert("Please enter your first name");
        form.FirstName.focus();
        return false;
    }

    if (form.LastName.value == "") {
        alert("Please enter your last name");
        form.LastName.focus();
        return false;
    }
    var email = form.email.value;
    if (email.indexOf('@') == -1) {
        alert("Plelase enter valid email");
        form.email.focus();
        return false;
    }
    return true;
}
</script>

下面是表格:

<form onsubmit="return checkForm()" action="/webformmailer.php" method="post"> 
<input type="hidden" name="subject" value="Submission" /> 
<input type="hidden" name="redirect" value="thankyou.html" />
<span>First Name:</span><br>
<input type="text" name="FirstName"/><br>
<span>Last Name:</span><br>
<input type="text" name="LastName" /><br>
<span>*Email:</span><br>
<input type="text" name="email" /><br>
<span>*Comments:</span><br>
<textarea name="comments" cols="40" rows="10">
</textarea><br>

<input type="submit" name="submit" value="submit"/> <span id ="required">*required field</span>
<input type="hidden" name="form_order" value="alpha"/> <input type="hidden" name="form_delivery" value="daily"/> <input type="hidden" name="form_format" value="html"/> 

我尝试在不输入任何内容的情况下提交，它会将我重定向到谢谢。

Answer 1

form 未在函数中定义。有几种方法可以处理这个问题。最简单的方法是将 return checkForm() 更改为 return checkForm(this) 和

function checkForm(form) {