javascript if else statement error

Question

Я пытаюсь проверить, пусто ли текстовое поле имени. если это так, то я хочу показать div, который говорит «пожалуйста, введите свое имя». я делаю тест, а name = 'name'. но после этого ничего больше не появляется.

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

Когда я распечатываю вход с полем предупреждения, он не содержит ничего; поэтому я знаю, что это либо null, либо «». как я могу исправить это, чтобы он работал?

вот мой текстовое поле:

<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: используется только если у вас есть Javascript в URL, не используйте его в обработчиков событий.

У вас не может быть двух элементов с одинаковым идентификатором. Идентификатор должен быть уникальным.

В XHTML нет атрибутов без значения. Вы должны использовать required="required", а не только required.

Вам не нужно проверять значение для null. Значение текстового поля никогда не является нулевым.

Используйте метод getElementById, чтобы найти элемент из его идентификатора.

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>