JavaScript - Подтверждение ввода пользователя

Question

У меня есть веб-страница, которая должна содержать контактную информацию пользователя и проверять ее, однако мой скрипт не работает, и я не уверен, почему.

Я знаю, что вы можете получить ввод текстового поля, используя document.getElementById(name).value, который есть у меня, но моя кнопка submit ничего не отвечает.

Любые предложения?

HTML:

<form> 
    First Name:<br> 
     <input type="text" id="first" name="firstname"><br> 
    Last Name:<br> 
     <input type="text" id="last" name="lastname"><br> 
    Street Address:<br> 
     <input type="text" id="addr" name="address"><br> 
    City:<br> 
     <input type="text" id="city" name="city"><br> 
    State:<br> 
     <input type="text" id="state" name="state"><br> 
    Zip Code:<br> 
     <input type="text" id="zip" name="zip"><br> 
    Phone #:<br> 
     <input type="text" id="phone" name="phone"><br> 
    E-mail Address:<br> 
     <input type="text" id="email" name="email"><br> 
    <br> 
    <button type="button" onclick="verify()">Submit</button> 
</form> 

JavaScript:

function verify() { 
    var fname, lname, addr, city, state, zip, phone, email; 
    var alpha = /[A-z]/i; 

    fname = document.getElementById('first').value; 
    lname = document.getElementById('last').value; 
    addr = documnet.getElementById('addr').value; 
    city = document.getElementById('city').value; 
    state = document.getElementById('state').value; 
    zip = document.getElementById('zip').value; 
    phone = document.getElementById('phone').value; 
    email = document.getElementById('email').value; 

    var values = [fname, lname, addr, city, state, zip, phone, email]; 

    window.alert(fname); 

    /* 
    //Check to see if any fields are blank 
    for(var i = 0; i < values.length; i++) { 
     if(values[i] == "") { 
      window.alert("Must have a value in each field"); 
      return false; 
     } 
    } 

    //Check to see if text fields contain non-alphabetic characters 
    if(!alpha.test(fname)) { 
     window.alert("First name must contain only alphabetic characters"); 
     return false; 
    } 
    if(!alpha.test(lname)) { 
     window.alert("Last name must contain only alphabetic characters"); 
     return false; 
    } 
    if(!alpha.test(city)) { 
     window.alert("City must contain only alphabetic characters"); 
     return false; 
    } 
    if(!alpha.test(state)) { 
     window.alert("State must contain only alphabetic characters"); 
     return false; 
    } 
    */ 
} 

Answer 1

У вас есть опечатка в

addr = documnet.getElementById('addr').value; 

должно быть

addr = document.getElementById('addr').value; 

уведомление написание документа

Кроме этого, ваш код, кажется, работает fine..see в fiddle