ユーザーが特定の単語を入力すると、下のテキストフィールドが自動的に無効になるフォーム用のJavaScriptをコーディングしてみました。問題は、jsfiddleでコードを実行しようとすると問題が発生します。スムーズに私のプロジェクトでそれを使用すると、それは動作しません。 誰でも私のコードに何が間違っているか説明できますか?Javascript:テキストフィールドを無効にする
<script>
function matchWord(e){
if(document.getElementById('uname').value.trim === 'Unknown' || document.getElementById('uname').value.trim === 'unknown'){
document.getElementById('pword').disabled = true;
document.getElementById('response').disabled = true;
alert('you enter bannned name in the field');
}
else{
}
}
document.getElementById('uname').onkeyup = matchWord();
</script>
<html>
<body>
Name:<input type="text" name="uname" id="uname" placeholder="Username"><br>
password:<input type="password" name='pword' id='pword' placeholder="password"><br>
Responsibility:<select id = "response">
<option>---Responsibility---</option>
</select>
</body>
</html>
タイプミス: '関数matchWord'(キャメルケース)' = matchword対'(小文字)。 –
ちょうどそれを修正するが、それでも動作しません。 – Nexz
あなたのブラウザのdevtoolsでエラーが見つかりましたか?可能なことは、「[なぜjQueryやgetElementByIdのようなDOMメソッドが要素を見つけられないのですか?](https://stackoverflow.com/questions/14028959/why-does-jquery-or-a-dom-method -such-as-getelementbyid-not-find-the-element) " –