防止jQuery Mobile刷新表单提交

Question

我正在尝试获取此表单以在提交时执行此功能，但是由于某种原因，它会弹出警报，然后刷新整个页面。 我尝试了其他在线解决方案，例如： 防止表单重定向或提交时刷新？

但这没有用。

function addFood() {
    alert("123");
    return false;
}

<form onsubmit="return addFood()" data-ajax="false">
    <input type="text" name="" id="name" value="" placeholder="name" data-clear-btn="true"/>
    <input type="text" name="" id="brand" value="" placeholder="brand" data-clear-btn="true"/>
    <input type="text" name="" id="extra" value="" placeholder="extra" data-clear-btn="true"/>
    <input type="number" name="" id="amount" value="" placeholder="amount" data-clear-btn="true"/>
    <input type="number" name="" id="calories" value="" placeholder="calories" data-clear-btn="true"/>
    <input type="number" name="" id="fat" value="" placeholder="fat" data-clear-btn="true"/>
    <input type="number" name="" id="carbohydrate" value="" placeholder="carbohydrate" data-clear-btn="true"/>
    <input type="number" name="" id="fibre" value="" placeholder="fibre" data-clear-btn="true"/>
    <input type="number" name="" id="sugar" value="" placeholder="sugar" data-clear-btn="true"/>
    <input type="number" name="" id="protein" value="" placeholder="protein" data-clear-btn="true"/>
    <input type="submit" value="submit"/>
<form>

Answer 1

删除onsubmit并将您的<form>的action属性设置为# （我还将添加一个id ）

<form id="myForm" action="#" data-ajax="false">

如果提交<form>时需要进行某些操作，请使用：

$("#myForm").submit(function(){
    // do stuff that will fire off when my form is submitted
});