我正在嘗試使用javascript調用文本輸入

Question

我正在嘗試檢查以確保表格完整，這是我檢查密碼的一部分代碼

 function checkpass() { var pass1 = document.getElementById('pass1'); var pass2 = document.getElementById('pass2'); var message = document.getElementById('confirmMessage'); var goodColor = "#66cc66"; var badColor = "#ff6666"; if(pass1.value == pass2.value){ pass2.style.backgroundColor = goodColor; message.style.color = goodColor; message.innerHTML = "Passwords Match!" }else{ pass2.style.backgroundColor = badColor; message.style.color = badColor; message.innerHTML = "Passwords Do Not Match!" } } 

 <label >Password:</label> <input type="password" name="pass1" id="pass1"> <p></p> <label >Verify Password:</label> <input type="password" name="pass2" id="pass2" onBlur="checkpass()"> <span id="confirmMessage" class="confirmMessage"></span> 

這有效，但是當我嘗試使用名稱輸入執行類似操作時，它不起作用

 <input type="text" name="name1" id="name1" onblur="checkname">
 <label>First Name</label> 
function checkname(){var name1 = document.getElementById('name1');if (name1 == null) {alert('entername');}}

如果您能告訴我一個簡單的錯誤，那么我所犯的錯誤會讓我看起來像個白痴，那將是很棒的，或者，如果您可以告訴我一種更好的方法來做整件事，那也將是個很棒的選擇。 您能提供的任何幫助將不勝感激。

Answer 1

您需要檢查一個空名稱，而不是一個空名稱，嘗試使用：

var name1 = document.getElementById('name1').value;
if(name1.trim() == "")

您還需要在onblur上代替checkname調用checkname()函數

 function checkname(){ var name1 = document.getElementById('name1').value; if (name1.trim() == "") { alert('entername'); } } function checkpass() { var pass1 = document.getElementById('pass1'); var pass2 = document.getElementById('pass2'); var message = document.getElementById('confirmMessage'); var goodColor = "#66cc66"; var badColor = "#ff6666"; if(pass1.value == pass2.value){ pass2.style.backgroundColor = goodColor; message.style.color = goodColor; message.innerHTML = "Passwords Match!" }else{ pass2.style.backgroundColor = badColor; message.style.color = badColor; message.innerHTML = "Passwords Do Not Match!" } } 

 <label >Password:</label> <input type="password" name="pass1" id="pass1"> <br/> <label >Verify Password:</label> <input type="password" name="pass2" id="pass2" onBlur="checkpass()"> <br/> <span id="confirmMessage" class="confirmMessage"></span> <br/> <input type="text" name="name1" id="name1" onblur="checkname();"> <label>First Name</label> <br/> <input type="text" name="name2" id="name2"> <label>Last Name</label> 

Answer 2

var name1 = document.getElementById('name1')

您最后忘了.value

var name1 = document.getElementById('name1').value

Answer 3

像這樣嘗試

<input type="text" name="name1" id="name1" onblur="checkname">
<label>First Name</label> 

function checkname()
{
     var name1 = document.getElementById('name1').value;
     if (name1 == null || name1 == "") 
     {   
        alert('entername');
     }
}

使用ID選擇屬性時，您錯過了值

Answer 4

你寫錯了

onblur="checkname"

它應該如下

onblur="checkname()"

 function checkname(){ var name1 = document.getElementById('name1'); console.log('name1'); } 

 <input type="text" name="name1" id="name1" onblur="checkname()"> <label>First Name</label>