需要帮助javascript

Question

我想知道在下面的代码中，当我通过（document.getElementById）引用一个元素 ，并使其与验证目的的变量相等时，为什么我不能使用名称而不是name1在JavaScript中。

function validation() { 
 
    name1 = document.getElementById('name'); 
 
    if (name1.value == "") { 
 

 
    alert('this field cannot left empty'); 
 
    return false; 
 
    } 
 
}

<form id="form" action="message.html" method="post" onSubmit='return validation()' /> 
 
<input type="text" placeholder="enter your name" id='name' /> 
 
<input type="text" placeholder="address" id='address' /> 
 
<input type="tel" placeholder="telephone" id="telephone" /> 
 
<input type="submit" value="submit">

Answer 1

在将var添加到name1之后，代码将开始执行。添加var后，您也可以将document.getElementById('name')指定为name，并且它可以工作。您可以运行以下代码段以供参考。

function validation(){ 
 
    var name=document.getElementById('name'); 
 
    if(name.value== ""){ 
 
     alert('this field cannot left empty'); 
 
     return false; 
 
    } 
 
}

<form id="form" action="message.html" method="post" 
 
onSubmit='return validation()'> 
 
    <input type="text" placeholder="enter your name" id='name' /> 
 
    <input type="text" placeholder="address" id='address' /> 
 
    <input type="tel" placeholder="telephone" id="telephone" /> 
 
    <input type="submit" value="submit"> 
 
</form>

Answer 2

尝试使用这个..

你忘了declare变量。 如果您在使用前使用variable代替assignment您must declare it。

更多参考你可以看一下这个流行线程SO，What is the purpose of the var keyword and when to use it (or omit it)?

function validation(){ 
    var name = document.getElementById('name'); 
    if(name.value== ""){ 
     alert('this field cannot left empty'); 
    return false; 
    } 
} 

Answer 3

var name=document.getElementById('name'); 

元素名称之前，您应该使用VAR。