輸入驗證功能不起作用

Question

我有一個功能來檢查是否有任何文本在電子郵件字段中輸入，但它不工作。
我不知道我缺少什麼。

這是我的方式：

<fieldset> 
    <legend>Contact Information</legend> 
    <form action="" id="contactInfo" onsubmit="checkform()">First Name: 
     <input type="text" name="fname" id="fname"> 
     <br />Last Name: 
     <input type="text" name="lname" id="laname"> 
     <br />Email: 
     <input type="text" name="email" id="email"> 
     <br /> 
     <button type="submit">Submit</button> 
    </form> 
</fieldset> 

這是我的功能在一個單獨的文件.js

function checkform(form) { 
    if (document.form.email.value = "") { 
     alert("Please enter your email address."); 
     document.form.email.focus(); 

     return false; 
    } 

    return true; 
} 

Answer 1

Here is a demo。

HTML

<fieldset> 
    <legend>Contact Information</legend> 
    <form id="contactInfo" onsubmit="checkform()"> 
     First Name: <input type="text" name="fname" id="fname"><br /> 
     Last Name: <input type="text" name="lname" id="laname"><br /> 
     Email: <input type="text" name="email" id="email"><br /> 
     <button type="submit">Submit</button> 
    </form> 
</fieldset> 

的JavaScript

function checkform(form) 
{ 
    console.log(form); 
    if(document.forms[0].email.value == ""){ 
     alert("Please enter your email address."); 
     document.form.email.focus(); 
     return false; 
    } 
    return true; 
} 

Answer 2

使用這個代替：

document.forms[0].email.value 

，使用形式ID檢索值。

function checkform(form) { 
    if (document.forms[0].email.value == "") { 
     alert("Please enter your email address."); 
     document.forms[0].email.focus(); 
     return false; 
    } 
} 

fiddle

Answer 3

傳遞的形式，作爲參數this您checkForm()功能。這樣你可以使用多種形式的checkForm()函數。像這樣：

<fieldset> 
    <legend>Contact Information</legend> 
    <form action="" id="contactInfo" onsubmit="checkform(this)">First Name: 
     <input type="text" name="fname" id="fname"> 
     <br />Last Name: 
     <input type="text" name="lname" id="laname"> 
     <br />Email: 
     <input type="text" name="email" id="email"> 
     <br /> 
     <button type="submit">Submit</button> 
    </form> 
</fieldset> 

然後你可以從你的驗證功能訪問表單元素出document.前綴，像這樣：

function checkform(form) { 
    if (form.email.value == "") { 
     alert("Please enter your email address."); 
     form.email.focus(); 

     return false; 
    } 

    return true; 
} 

（此外，請務必檢查form.email.value == ""不form.email.value = ""這是分配運營商）。