如果所有輸入都爲空，請讓我看看

Question

如果名稱中沒有任何內容，則需要構建這樣的全部四個輸入都必須指定的名稱，因此必須顯示它的名稱中沒有任何內容。

我想要的是，我不需要使用這樣可以創建一個用戶或發送電子郵件，但它必須寫在每個輸入形式的東西。

我做這樣的：

<form action="#" method="post" name="kontakt_box"> 
       <span id="myhint" class="info_box_kontakt"></span> 
       <br /> 
       <label>Navn<br /><input type="text" name="navn" class="new" placeholder="Navn"></label><br /> 
       <label>Efternavn<br /><input type="tel" name="efternavn" class="new" placeholder="Efternavn"></label><br /> 
       <label>Email<br /><input type="email" name="email" class="new" placeholder="Email"></label><br /> 
       <label>Tekst<br /><textarea name="tekst" cols="35" rows="10" class="new"></textarea></label><br /> 
       <label><input type="submit" name="send" value="Send" class="new"></label> 
      </form> 

的Javascript這裏：

document.kontakt_box.navn.onfocus=function() { 
    document.getElementById('myhint').innerHTML = "Angive et navn!"; 
} 
document.kontakt_box.navn.onblur=function() { 
    document.getElementById('myhint').innerHTML = ""; 
} 
//efternavn 
document.kontakt_box.efternavn.onfocus=function() { 
    document.getElementById('myhint').innerHTML = "Angive et efternavn!"; 
} 
document.kontakt_box.efternavn.onblur=function() { 
    document.getElementById('myhint').innerHTML = ""; 
} 
//email 
document.kontakt_box.email.onfocus=function() { 
    document.getElementById('myhint').innerHTML = "Angive en email!"; 
} 
document.kontakt_box.email.onblur=function() { 
    document.getElementById('myhint').innerHTML = ""; 
} 

document.kontakt_box.send = function(){ 
    alert('Husk noget tekst!'); 
    return false; 
} 

這是我第javasciprt任務到一個頁面，所以你只要更好地與我說，有可能是錯誤的，或者你認爲這是奇怪的。

Answer 1

你的最後一個函數可能是這樣的：

document.kontakt_box.onsubmit = function(){ 
    var navn = document.kontakt_box.navn.value, 
     efternavn = document.kontakt_box.efternavn.value, 
     email = document.kontakt_box.email.value, 
     tekst = document.kontakt_box.tekst.value; 
    if(!navn || !efternavn || !email || !tekst) { 
     alert('Husk noget tekst!'); 
     return false; 
    } 
}; 

並添加; afret每個回調函數分配。

這裏的工作示例http://jsbin.com/enovex/1/edit