Phonegap/JQuery Мобильное приложение для Android - представление формы, влияющее на навигацию

Question

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

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

Это моя форма

<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

Рамки 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> 

• Global Configuration для 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

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

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

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