Запретить jQuery mobile refresh on form submit

Question

Я пытаюсь получить эту форму для выполнения этой функции при отправке, но по какой-то причине она выдает предупреждение, но затем обновляет всю страницу. Я пробовал другие онлайн-решения, такие как: Prevent form redirect OR refresh on submit?

Но это не помогло.

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 
});