javascript - 2 番目の送信要求で JavaScript がフォームを検証しない

Question

最初の送信要求でフォームを検証する JavaScript コードがありますが、ユーザーが再度送信をクリックすると、フォーム エラーを修正していなくても、フォームは検証機能を処理せず、送信するだけです。

ユーザーが送信ボタンをクリックするたびに検証機能を実行したいと思います。

助けてくれてありがとう、以下のコード。マーティン

<form action="site.url" method="post" name="signup" onsubmit="return validateForm()"> 
    <label for="firstname"><span id="inactiveErrorFname">Please enter your first name<br></span>
        First name <strong title="Required" class="required">*</strong></label><br>
    <input type="text" name="firstName">
    <label for="surname"><br><span id="inactiveErrorSname">Please enter your Surname<br></span>
        Surname</label><input type="text" name="lastName">  
    <label for="email">
        <span id="inactiveErrorEmail"><br>Please enter your Email address<br></span>
        Email address <strong title="Required" class="required">*</strong></label>
    <input type="text" name="emailAddress">
    <input class="button" type="submit" value="Sign up" />    
</form>

<script>

    function validateForm()
    {
        var x=document.forms["signup"]["firstName"].value;
        var y=document.forms["signup"]["lastName"].value;
        var z=document.forms["signup"]["emailAddress"].value;
        var atpos=z.indexOf("@");
        var fname;
        var sname;
        var email;

        /* Validate first name */
        if (x==null || x=="")
        {
            document.getElementById("inactiveErrorFname").id = "activeErrorFname";
            fname = "true";
        }
        /* Validate Surname */
        if (y==null || y=="")
        {
            document.getElementById("inactiveErrorSname").id = "activeErrorSname";
            sname = "true";
        }
        /* Validate email */
        if (atpos<1)
        {
            document.getElementById("inactiveErrorEmail").id = "activeErrorEmail";
            email = "true";
        }
        if (fname=="true" || sname=="true" || email =="true")
        {
            return false;
        }
    }

</script>