JavaScriptがelse文のエラー

Question

名前のテキストフィールドが空であるかどうかを確認しようとしています。そうであれば、「あなたの名前を入力してください」と表示されているdivを表示したい。私はテストを行い、名前= '名前'です。それ以降は他に何もポップアップしない。

function validate(input, name) { 
if(name=='name') { 
     if(input==null || input=="") { 
      name.style.visibility='visible'; 
      alert("please enter a value"); 
     } else { 
      alert("valid entry."); 
     } 
    } 
} 

アラートボックスで入力をプリントアウトすると、何も表示されません。だから私はそれがヌルか ""どちらかであることを知っています。どのように私はこれが動作するようにこれを修正するのですか？

<input type="text" name="name" id="name" onblur="javascript: validate(this.value, this.id);" required /> 
    <div id="name" style="visibility:hidden; float:right;">Please fill in a name!</div> 

Answer 1

javascript:プロトコルは、あなただけはURLでJavascriptを持っているときに使用されるが、イベントハンドラでそれを使用しないでください。

はここに私のテキストフィールドです。

同じIDを持つ2つの要素を持つことはできません。 IDは一意でなければなりません。

XHTMLでは、値のない属性はありません。 requiredではなく、required="required"を使用する必要があります。

nullの値を確認する必要はありません。テキストフィールドの値は決してnullではありません。

getElementByIdメソッドを使用して、idから要素を検索します。

function validate(input, name) { 
    if (name == 'name') { 
    if (input == '') { 
     document.getElementById('nameInfo').style.visibility = 'visible'; 
     alert("please enter a value"); 
    } else { 
     alert("valid entry."); 
    } 
    } 
} 

<input type="text" name="name" id="name" onblur="validate(this.value, this.id);" required="required" /> 
<div id="nameInfo" style="visibility:hidden; float:right;">Please fill in a name!</div>