onSubmit fungerer ikke?

hvorfor virker det ikke? den går bare videre.. selvom der ikke står noget i det felt den tester

<html>

<head>
    <title>Test</title>
    <link rel="stylesheet" href="style.css" style="tekst/css">
    <script>
        window.focus();
    </script>
    <script type="text/javascript">
    function validForm() {
        var theform = document.form1;
        var reEmail = /^.+\@.+\..+$/
        var reNavn  = /^[a-zA-Z0-9æøåÆØÅ._|''- ]+$/
        var rePass  = /^[a-zA-Z0-9æøåÆØÅ._| ]+$/
       
        str = theform.navn.value;
        if (str == '') {
            alert("Du har ikke indtastet et brugernavn");
            return false;
        }
    }
    </script>

</head>
<body>

<form name="form1" onSubmit="return validForm()" action="testsubmit.php" method="post">
    <input type="text" name="navn" class="input">
    <input type="submit" value="Opret" class="button">
</form>

</body>
</html>