자바 스크립트를 사용하여 팝업창에 경고 상자 대신 errormessages를 추가하는 방법

Question

자바 스크립트를 사용하여 팝업 내의 텍스트 상자에서 날짜 형식의 유효성을 검사해야합니다. 경고 상자를 사용하는 대신 document.getElementById("MainContent_ErrorMsg").innerHTML = "Please Enter valid date"과 유사한 오류 메시지를 표시해야합니다.
이 동작을 수행하는 다른 방법이 있습니까? 내 자바 스크립트 코드는 다음과 같습니다 대신 경고 대화 상자를 표시의

이

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

, 당신은 간단하고 순수 자바 스크립트를 사용하여 다음 요소에 메시지를 표시 할 수 있습니다 :

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. (텍스트 상자를 비워두고 submit을 클릭하십시오.)

jQuery와 같은 라이브러리는 이러한 기능을 갖추고 있지만 단순한 요구 사항에 대해서는 충분하고 기본 JavaScript를 사용하여 브라우저를 교차 사용합니다.