jquery mobile intel xdk app表单提交不起作用

Question

我正在创建一个 jquery 移动应用程序，其中包含一个将数据发布到在线服务器的表单。当表单中包含操作属性时，表单将正确提交并在提交页面上显示一条消息。虽然我附加了 jquery 以防止它导航到提交页面，如下所示。

<form data-ajax="false" id="codeVerification" method="post" action="http://domain.com/app.php">
    <div data-role="fieldcontain">            
        <label >Code</label>
        <input  type="text" placeholder="enter code" name="code" id="code"/>
    </div>
    <div data-role="fieldcontain">
        <button id="codeSubmit" >Submit</button>
        <input type="hidden" value="codeVerification" name="action"/>
    </div>     
</form>

这是我的测试 jquery 代码，以防止 if 导航到提交页面

$(document).ready ( function() {
    $("#codeVerification").on('submit', function(){
        alert('true');
        return false;
    });
});

我了解data-ajax="false 阻止表单通过 ajax 提交。所以我再次尝试从表单中删除 action 属性，但它仍然无法正常工作。在浏览器上执行此操作时，jquery 代码可以工作，但不能在 intel xdk 中。

我可能做错了什么？

Answer 1

删除<form>中的action="http://domain.com/app.php"，然后警报就会起作用，

当你点击提交时，它会重定向到http://domain.com/app.php，所以事件不在javascript中处理