如何將一些文本添加到文本框

Question

此JavaScript檢查name-text框是否爲空。

如果爲空，然後在同一行應該有「需要名稱」追加。

function checkFields(){ 
 
    var name = document.forms["contact-form"]["name"].value; 
 
    if(name == ""){ 
 
}

<!--- This is the html code for text box for name and submit button to call checkFields() method --> 
 

 
<div class="required-fields"> 
 
    <label>My Name:</label> 
 
    <input type="text" name="name"/> 
 
</div> 
 
<input type="button" onclick="checkFields()" value="Send Message"/>

Answer 1

嗯，我想你只需要placeholder HTML屬性，google一下。

而且，您選擇的方法更可能沒有必要擺在首位，還檢查了這updated fiddle出來，

 function checkFields(){ 
      var name = document.forms["contact-form"]["name"].value; 
     console.log(name);   
     if(name == ""){ 

       document.getElementsByClassName('error-text')[0].innerHTML='Name field required' 

       } 
       else{ 
       document.getElementsByClassName('error-text')[0].innerHTML=''; 
       } 
    } 

Answer 2

嘗試使用佔位符：或input required方法使用。如果你需要追加一些錯誤看到下面的代碼片段：

段：

function checkFields(){ 
 
    var name = document.forms["contact-form"]["name"].value; 
 
    if(name ==""){ 
 
    document.getElementById("input").placeholder = "**Name required**"; 
 
    document.getElementById("error").innerHTML ="**Name required**"; 
 
} 
 
    }

<!--- This is the html code for text box for name and submit button to call checkFields() method --> 
 
<form name="contact-form"> 
 
<div class="required-fields"> 
 
    <label>My Name:</label> 
 
    <input type="text" name="name" id="input" > 
 
    <p id="error" style="color:red"></p> 
 
</div> 
 
<input type="button" onclick="checkFields()" value="Send Message"/> 
 
    </form>