-1

こんにちは、以前の投稿で推奨されている変更を読みましたが、JS が機能していることを確認できず、エラーもありません。どこが間違っているのか誰か教えてください。ありがとう
このシナリオの例では、ユーザーが十分な文字を入力していない場合や文字が多すぎる場合にテキストの色を変更します。 

<script type="text/javascript">
                function checkForm()
                {
                    var username = document.getElementsById('username').value;
                    if(username.length<5)
                    {
                        alert("Username is to short");
                        return false;
                    }
                    else if (username.lenght<16)
                    {
                        alert("Username is to long");
                        return false;
                    }
                    else
                    {
                    return true;    
                    }

                }

                function checkUsername()
                {
                    var username = document.getElementsById('username').value;
                    var element = document.getElementsById('username1');
                    if(username.lenght<5)
                    {
                        element.innerHTML = "Username is to short";
                        element.style.color = "red";
                    }
                    else if (username.lenght>16)
                    {
                        element.innerHTML = "Username is to long";
                        element.style.color = "red";
                    }
                    else
                    {
                        element.innerHTML = "Valid Username";
                        element.style.color = "green";
                    }
                }

    </script>
        <p><b><h3>Welcome User Please Register</h3></b></p>
        <form action="registerUserProcess.php" id="registerUserForm" method="post" name="registerUserForm" onSubmit='return checkForm();'>

    <table> 
    <tr><td><label id="username1">Username</label></td><td><input id="username" type="text" size="16" onBlur='checkUsername();'/></td></tr>
4

1 に答える 1

2

問題はラベルにあります。を呼び出すとdocument.getElementById('username')、js はドキュメントを検索しid == username、テキスト フィールドではなくラベルを見つけます。ラベル ID を sth like に切り替えて、入力定義にlabel_username追加します。id='username'

于 2012-04-30T10:40:31.327 に答える