javascriptを使用してポップアップでアラートボックスの代わりにerrormessagesを追加するには

Question

JavaScriptを使用してポップアップ内のテキストボックスで日付形式を検証する必要があります。警告ボックスを使用する代わりに、document.getElementById("MainContent_ErrorMsg").innerHTML = "Please Enter valid date"のようなエラーメッセージを表示する必要があります。
この動作を実現する他の方法はありますか？ 私のJavaScriptコードは次のとおりです。

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"; 
    } 

Answer 1

代わりに警告ダイアログを表示するので、あなたは、シンプルで純粋なJavaScriptを使用して要素に次のメッセージを表示することができます

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); 
    } 
} 

使用法：

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

Live test case。

jQueryのようなライブラリは、このような機能を備えていますが、シンプルなニーズに対しては、これだけで十分で、基本的なJavaScriptを使用してブラウザをクロスブラウジングしています。