Невозможно прочитать значение свойства 'null, регистрационная форма

Question

Я рассмотрел много вопросов по этой же проблеме, но я до сих пор не могу понять, что не так с моим кодом.

HTML:

<form id="form" method="POST" onsubmit="return false;"> 
    <input type="text" placeholder="First Name" id="first" /><br /> 
    <input type="text" placeholder="Last name" id="last" /><br /> 
    <input type="text" placeholder="Username" id="user" /><br /> 
    <input type="text" placeholder="Email" id="email" /><br /> 
    <input type="password" id="right" placeholder="Password" id="password" /><br /> 
    <input type="password" id="right" placeholder="Confirm Password" id="confirm" /><br /> 
    <button class="btn btn-block btn-lg" method="POST" onclick="signup()">Sign Up</button> 
</form> 

Javascript:

function signup() { 
var f = document.getElementById("first").value; 
var l = document.getElementById("last").value; 
var user = document.getElementById("user").value; 
var e = document.getElementById("email").value;  
var p = document.getElementById("password").value; 
var p1 = document.getElementById("confirm").value; 
if (f == "" || l == "" || user == "" || e == "" || p == "" || p1 == "") { 
    alert("One or more fields are empty!"); 
    } else { 
    alert("test"); 
    } 
} 

Спасибо всем.

Answer 1

<input ... id="right" ... id="password" /> 

Двойные Идентификаторы в & Пароль входа Подтверждение пароля.

Answer 2

Это потому, что у вас есть два идентификатора на входах для пароля.

<input type="password" id="right" placeholder="Password" id="password" /> 

Браузер читает первые из них только (ID = «право»), и не поэтому никаких узлов существует с идентификатором «пароль» & «Confirm», когда вы пытаетесь использовать .getElementById()

Answer 3

вы используя два идентификатора для одного пароля поля и пытаясь извлечь его по id. удалить id = "right" from password field