Отмените кнопку Отправить и введите код JS

Question

У меня есть простая форма:

            <form id="loginform" name="loginform" action="" method="post">
            <div data-role="fieldcontain">
                <label for="login">Login:</label>
                <input type="text" name="login" id="login" value="" />
            </div>
            <div data-role="fieldcontain">
                <label for="password">Password:</label>
                <input type="password" name="password" id="password" value="" />
            </div>
            <div class="ui-body">
                <fieldset class="ui-grid-a">
                    <div class="ui-block-a"><button type="button" class="exitapp">Close</button></div>
                    <div class="ui-block-b"><button type="submit" id="elogin" onclick="return false;">Login</button></div>
                </fieldset>
    </div>
        </form>

И немного кода в jQuery Mobile.Если кнопка ввода в форме Firefox не отправлена ​​- это здорово, но в Android Emulator она отправляется и не может использовать мой код JS :( Как это исправить?

Answer 1

$("form").submit(function(){
    //do your js code
    return false;
});

Answer 2

$('#loginform').submit(function(e) {
    e.preventDefault();
});

Подробнее о preventDefault().

см. MDN .

Answer 3

Я обнаружил, что это работает, но я всегда тестирую на своем устройстве Android, а не на эмуляторе ...:

<form action"..." method="..." onSubmit="return check_form();">
...
</form>

function ckeck_form() {
    ...
    if (error === true) {
        return false;
    } else {
        return true;
    }
}