2012-02-25 2 views
1

jQuery를 사용하여 사용자의 검색을 제출 한 다음 결과를 표시하는 검색 상자가 있습니다. 그러나 자바 스크립트를 사용하지 않는 사용자의 경우이 기능이 작동하지 않으므로 검색 상자를 양식으로 넣어 다른 페이지를 대신로드하면 작동합니다.JavaScript를 사용하지 않는 경우 HTML을 사용하여 양식 제출

그러나 JavaScript를 사용하여 검색을 제출하면 양식을 제출하고 JavaScript가 비활성화되었을 때처럼 새로운 페이지를로드합니다.

어떻게 해결할 수 있습니까? 내 질문에 대해 이해할 수 있기를 바랍니다.

나는 현재 내 양식 제출 다음 jQuery 코드를 사용

$("#s").keyup(function(b){ 
if(b.keyCode==13){ 
if($(this).val().length>0){ 

그리고 나는 다음과 같은 HTML이 :

<form action="/search" method="get"> 
<input type="text" id="s" maxlength="2048" name="q" autocomplete="off"> 
</form> 

답변

3
$('form').submit(function(Event) { 
    Event.preventDefault(); 
    // Do your AJAX fancy submit stuff 
    ... 
}); 
1

왜 삭제 않았다 다시 추가를?

false로 충분해야합니다. 다음은이 페이지에서 실행되어 stackoverflow 검색이 실행되지 않도록합니다. 귀하의 경우에는

$("#search').submit(function(){ return false;}); 

: $('#s').parent().submit(function(){ return false;});

관련 문제