Comment ajouter des messages d'erreur au lieu des boîtes d'alerte dans pop-up à l'aide de javascript

J'ai besoin de valider le format de la date dans la zone de texte dans la fenêtre contextuelle en utilisant JavaScript. Au lieu d'utiliser des zones d'alerte, j'ai besoin d'afficher les messages d'erreur semblables à document.getElementById("MainContent_ErrorMsg").innerHTML = "Please Enter valid date" .
Existe-t-il une autre méthode pour réaliser ce comportement? Mon code JavaScript est:

  var startdate = document.getElementById("MainContent_uscEventParameters_txtEarliestStartDate"); var enddate = document.getElementById("MainContent_uscEventParameters_txtLatestEndDate"); var validformat=/^\d{4}\-\d{2}\-\d{2}$/; if (! (startdate.value.match(validformat)) && (enddate.value.match(validforamt)) ) { alert("please enter valid date format"); //document.getElementById("MainContent_ErrorMsg").innerHTML = "Please enter valid date"; } 

Au lieu de montrer une boîte de dialogue d'alerte, vous pouvez afficher le message à côté de l'élément en utilisant JavaScript simple et pur:

 function AddErrorLabel(element, msg) { var oLabel = document.createElement("span"); oLabel.className = "error_msg"; oLabel.innerHTML = msg; var parent = element.parentNode; if (element.nextSibling) { if (element.nextSibling.className !== "error_msg") { parent.insertBefore(oLabel, element.nextSibling); } } else { parent.appendChild(oLabel); } } 

Usage:

 if (! (startdate.value.match(validformat)) && (enddate.value.match(validforamt)) ) { AddErrorLabel(startdate, "please enter valid date format"); } 

Cas de test en direct . (Laissez la zone de texte vide et cliquez sur Soumettre)

Les bibliothèques comme jQuery ont de telles fonctionnalités et beaucoup mieux, mais pour des besoins simples, cela devrait être juste et il utilise JavaScript de base, ainsi, naviguez sur le navigateur.