2011-08-08 3 views
0

양식 입력의 유효성을 검사하고 입력 필드를 강조 표시하고 테스트 한 모든 오류 메시지를 표시하는 JavaScript 함수를 작성했습니다.OnClientClick은 유효성 검사 오류 인 경우 페이지 제출을 방지합니다.

이 함수는 asp : Button 태그의 OnClientClick 특성에서 호출했습니다. 그러나 JavaScript 함수가 유효성 검사 오류를 확인한 경우 양식 제출을 중단하고 싶습니다. 어떻게해야합니까?

저는 VB.NET 초보자입니다. 그래서 어떤 도움을 주시면 감사하겠습니다. 감사.

ASPX

<asp:Button ID="btnSubmit" Text="Save Changes" runat="server" OnClientClick="validateEMI();" /> 

자바 스크립트

function validateEMI() { 

    // a big bunch of validation checks... 

    if (errorOnForm == true) { 
     document.getElementById("message").innerHTML = errorMsg; 
     return; 
    } 
} 

답변

1
if (errorOnForm == true) { 
    document.getElementById("message").innerHTML = errorMsg; 
    return false; 
} 

반환 거짓;

편집 : 및 validateEMIonsubmit 이벤트

+0

덕분에 부착해야한다. 'return false'를 시도했지만 오류 메시지가 나타난 후에도 양식을 제출합니다. –

+1

이것을 'OnClientClick = "return validateEMI();와 결합해야합니다." –

+0

고마워요. 'return false'및 'return validateEMI();' 트릭을 한 것으로 보인다. –

0

사용 빠른 회신 stopPropagation

function validateEMI(event) { 
    event.stopPropagation() 
    // a big bunch of validation checks... 

    if (errorOnForm == true) { 
     document.getElementById("message").innerHTML = errorMsg; 
     return; 
    } 
} 
+1

유효성 검사가 성공적 일 경우 어떻게해야합니까? 우리는'errorOnForm === false' 만'stopPropagation'하고 싶을 것입니다. –

+0

적어도'event.stopPropagation'을'if' 블록으로 이동하십시오 ... – bensiu

+0

누군가 'event'매개 변수에 대해 설명해 주시겠습니까? 감사. –