Запретить обновление jquery для мобильных устройств при отправке формы

Question

Запретить обновление jquery для мобильных устройств при отправке формы

0

Я пытаюсь получить эту форму для выполнения этой функции при отправке, но по какой-то причине она выводит предупреждение, но затем обновляет всю страницу. Я пробовал другие онлайн-решения, такие как: Запретить перенаправление формы или обновить на 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>

eveo 11 нояб. 2013, в 21:42

Источник

0

Можете ли вы опубликовать весь свой код? Должно быть, это какая-то другая настройка, связанная с jQuery Mobile, которая портит все (у меня есть подозрения, что это может быть связано с навигацией AJAX). Во всяком случае, я только что попробовал это на jquerymobile.com/demos/1.2.1/docs/pages/page-template.html и, кажется, работает нормально.
Waleed Amjad 11 нояб. 2013, в 23:20

Теги:

javascript

jquery

html

forms

1 ответ

Ещё вопросы

Можете ли вы опубликовать весь свой код? Должно быть, это какая-то другая настройка, связанная с jQuery Mobile, которая портит все (у меня есть подозрения, что это может быть связано с навигацией AJAX). Во всяком случае, я только что попробовал это на jquerymobile.com/demos/1.2.1/docs/pages/page-template.html и, кажется, работает нормально.

FastTrack · Answer 1 · 2013-11-11T19-28-00.000Z

Удалите onsubmit и установите для атрибута action <form> значение # (я бы также добавил id)

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

Если вам нужно что-то произойти, когда ваша <form> отправлена, используйте:

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

Это ничего не делает. Страница все еще обновляется, и все, что я вызываю внутри формы, отправляет jquery, не выполняется.