Приложение Phonegap / Jquery Mobile для Android - отправка формы, влияющая на навигацию

Question

Я создал приложение jquerymobile для Android, и все работает хорошо, кроме проблемы с отправкой формы, которая сводит меня с ума.

В основном - если вы вводите текст и нажимаете кнопку физического поиска - функция поиска работаетотлично - но если вы введете текст и нажмете кнопку ввода, приложение перейдет на домашнюю страницу .... Как я могу остановить это?

Это моя форма

<form  class="srchForm" action="searchThis()">
    <input type="search" class="srchInput">
    <div class="clearBtn"><span class="hidden">Clear</span></div>
    <div class="srchBtnOne"><span class="hidden">Search</span></div>
</form>


function searchThis() {

     event.preventDefault();

     var inputDetails= $('.srchInput').val();

     $('.srchRes').empty();
     $('.srchRes').append('<iframe frameborder="0" scrolling="no" width="300"    frameborder="0"   src="http://uc.dialogue.netsrch.jsp?query='+inputDetails+'&searchMode=any&indexGroup="  style=" border:none;background:#FFF; overflow:none; width:300px;"></iframe>');
}

Я думаля решил это с помощью event.preventdefault ();но это все еще вызывает проблемы .. Кто-нибудь может предложить что-нибудь?

ура Пол

Answer 1

это был единственный способ решить проблему -

$(window).keydown(function(event){
    if(event.keyCode == 13) {
    event.preventDefault();
  searchThis()
     return false;
 }
});

Answer 2

Try this:

 $( document ).delegate("#index", "pageshow",function(event){
        $('#index #searchForm').bind('submit',function(e) {
            e.preventDefault;
        });
        $("#index #searchformbtn").unbind("blur");
        $("#index #searchformbtn").bind('blur',function(event){
             var inputDetails= $('.srchInput').val();
         $('.srchRes').empty();
         $('.srchRes').append('<iframe frameborder="0" scrolling="no" width="300"    frameborder="0"   src="http://uc.dialogue.netsrch.jsp?query='+inputDetails+'&searchMode=any&indexGroup="  style=" border:none;background:#FFF; overflow:none; width:300px;"></iframe>');
            return false;
        });
    });

Answer 3

Фреймворк jQuery Mobile, вероятно, по-прежнему активно использует отправку форм для своей собственной обработки форм AJAX. Чтобы остановить это, либо отключите AJAX-обработку форм глобально, либо отключите AJAX в вашей форме по отдельности, например:

<form  class="srchForm" action="searchThis()" data-ajax="false">
    <input type="search" class="srchInput">
    <div class="clearBtn"><span class="hidden">Clear</span></div>
    <div class="srchBtnOne"><span class="hidden">Search</span></div>
</form>

• Глобальная конфигурация для jQuery Mobile: http://jquerymobile.com/demos/1.0/docs/api/globalconfig.html
• Отправка форм в jQuery Mobile: http://jquerymobile.com/demos/1.0/docs/forms/forms-sample.html