1

我只是在学习 Javascript，如果我的问题看起来很愚蠢，请耐心等待...

我需要创建一个 html 表单并在字段上运行一些验证。无论字段是否正确填写，点击提交按钮时都会收到错误 404。如果我复制/粘贴其他人的代码做同样的事情，它工作正常。文件“somepage.php”不存在，但对于其他人的代码也不存在。

我在 CodeLobster 中对其进行了编码，然后在 Notepad++ 中进行了编码。没变。

这是 HTML 文件，再往下是 javascript 文件的内容...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

    <head>
        <title>Registration Form</title>
        <script type="text/javascript" src="js.js"></script>
    </head>

    <body>
        <form action="somepage.php" onsubmit="checkLogin()" method="post" >

                Name: <input type="text" name="name" id="nameF" /><br />
                Email: <input type="text" name="email" id="emailF" /><br />

            <input type="submit" value="Submit" name="submit" />    

        </form>
    </body>

</html>

function checkLogin()
{
   var emailPattern = /^\w+([\.\-]?\w+)*@\w+([\.\-]?\w+)*\.[a-z]{2,6}$/i;
   var email = document.getElementById('emailF').value;
   var name = document.getElementById('name').value;    

    if (email == "")
    {
        alert("Please enter valid email address.");
       document.getElementById('emailF').select();
        document.getElementById('emailF').focus();
       return false;
    } else if   (name == "") {
        alert("Please enter your name.");
       document.getElementById('nameF').select();
        document.getElementById('nameF').focus();
       return false;
    }  else if (!emailPattern.test(email)) {
        alert("The email address entered is invalid");
       document.getElementById('emailF').select();
        document.getElementById('emailF').focus();
       return false;
    }
    return true;    
}
4

1 回答 1

5

您的问题不在于缺少页面（您已经知道了）。问题是您的表单仍然提交，即使验证失败。

该form.onsubmit方法应返回false以防止表单提交。换句话说，这：

<form action="somepage.php" onsubmit="checkLogin()" method="post" >

应该：

<form action="somepage.php" onsubmit="return checkLogin()" method="post" >

当然，如果表单确实通过了验证，它会正确地进行到somepage.php此时您会收到一个404错误，因为该页面不存在。

于 2012-08-03T01:17:41.097 回答