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模拟器中它提交并且它无法使用我的JS代码:(如何修复此问题？

Answer 1

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

Answer 2

我发现这可行，但我总是在我的Android设备而不是模拟器上测试......：

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

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

Answer 3

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

有关preventDefault()的详细信息，请参阅MDN。

取消提交按钮并执行JS代码

3 个答案: