обработка ошибок JavaScript

Question

У меня есть функция JavaScript для проверки ошибок, которые я вызываю при событии OnClicentClick кнопки. Как только он поймает ошибку, я хочу остановить выполнение события click. Но в моем случае всегда выполняется событие onclick.

Моя функция:

function DisplayError() {

        if (document.getElementById('<%=txtPassword.ClientID %>').value.length < 6 || document.getElementById('<%=txtPassword.ClientID %>').value.length > 12) {
            document.getElementById('<%=lblError.ClientID %>').innerText = "Password length must be between 6 to 12 characters";
            return false;
        }
        var str = <%=PhoneNumber()%>;
        if(str.length <10)
        {
            alert('<%=phoneNum%>'.length);
            document.getElementById('<%=lblError.ClientID %>').innerText = "Phone Number not in correct format";
            return false;
        }
    }

HTML код кнопки

:

<asp:Button runat="server" Text="Submit" ID="btnSubmit" ValidationGroup="submit" onclick="btnSubmit_Click" OnClientClick="DisplayError()"/>  

Он не должен выполнять событие нажатия кнопки, если он удовлетворяет любому из условий IF в функции javascript.

Answer 1

Использовать OnClientClick = "if (! DisplayError ()) вернуть false;"

Таким образом, если ошибка не возникла, она все еще выполняет обратную передачу, но только при возникновении ошибки она возвращает false и отменяет обратную передачу.

Answer 2

Использование OnClientClick="return DisplayError();"