У меня возникла проблема с простой html-страницей входа, которую я создал, когда при отправке формы входа с недействительными учетными данными форма все равно отправляется, даже если мой метод проверки выполняет команду «return false». команда. Я знаю, что этот вопрос задавался здесь много раз, но ни один из ответов на эти вопросы не помог мне.

Моя HTML-форма выглядит следующим образом:

<form onSubmit="return validateForm();" method="get" action="TestPage.html">
    <div id="centralPoint" class="frame">
        <select id="centralPointSelect" data-inline="true" data-mini="true" data-native-menu="false" name="centralPoint"></select>
    </div>
    <div id="credentialsFrame" class="frame">
        <input id="userField" type="text" name="Username" />
        <input id="passField" type="password" name="Password" />
    </div>
    <div id="errorMsg"></div>
    <input id="loginBtn" type="submit" value="Login" />
    <div id="rememberMe" class="frame">
        <input type="checkbox" id="checkbox-1" class="custom" data-mini="true" name="rememberMe" />
        <label for="checkbox-1">Keep me signed in</label>
    </div>
    <div id="forgotPassFrame">
        <input id="forgotPass" type="button" data-mini="true" value="Forgot password?" />
    </div>
</form>

И вот мой метод JavaScript. Обратите внимание, что даже если единственной строкой кода здесь является & quot; вернуть false; & quot; форма все еще отправляет. Я также проверил в firebug, чтобы убедиться, что метод действительно вызывается и что он действительно возвращает false, и все проверяется.

function validateForm()
{
    var usernameTxt = $("#userField").attr("value");
    var passwordTxt = $("#passField").attr("value");

    if (usernameTxt == "" || passwordTxt == "" || (usernameTxt == userLbl && passwordTxt == passLbl))
    {
        $("#errorMsg").html("Please enter a username and password.");
        return false;
    }
}

Есть ли что-то действительно очевидное, чего мне не хватает? Я не связываю событие onsubmit никоим образом, кроме того, что вы видите в теге html form, и не назначаю какой-либо обработчик щелчков для кнопки отправки.

Может быть уместно, что я использую JQuery mobile, возможно, это что-то делает с моей формой?