Как добавить текст в текстовое поле

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

Попробуйте с PlaceHolder: или использовать с input required методом. если вам нужно с Append некоторые ошибки см ниже фрагмент кода:

Snippet:

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>