需要帮助 javascript

Question

我想知道在下面的代码中，当我引用一个元素时 by (document.getElementById) 并使其等于一个用于验证目的的变量，为什么我不能在 javascript 中使用 name 而不是 name1。

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 并且它会起作用。您可以运行以下 sn -p 以供参考。

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。