양식이 모바일에서 작동하지 않습니다.

Question

휴대 기기에서 양식 제출에 문제가 있습니다. 양식을 사용하고 method="post"을 설정하고 제출시 함수 onsubmit="return OnSubmitForm();을 호출하십시오. Jquery 또는 Jquery Mobile을 사용하고 있지 않습니다. 모바일에서 javascript를 사용하여 양식 작업을 설정할 수 있습니까? 데스크톱에서 모든 경고 메시지가 표시되는 동안 모바일에서 값을 경고 할 수 없습니다.

목적 :

때 다른 페이지로 리디렉션이 검색 결과를 표시 할 양식을 제출합니다.

결과 :

그것은 데스크톱 브라우저와 잘 작동,하지만 나는 그것이 작동하지 않는 모바일 브라우저를 사용하여 검색하려고 할 때.

자바 스크립트 :

<script type="text/javascript"> 
    function OnSubmitForm() { 
     alert('Searching'); 
     //document.search_form.action = "/SearchConvention.aspx?SearchString=" + document.getElementById("search_term").value; 
     document.search_form.action = "/SearchResults.aspx?terms=" + document.getElementById("search_term").value; 
var staticStr = "/SearchResults.aspx?terms="; 
    alert(staticStr); 
    var searcTxt = $('#search_term').val(); 
    alert(searcTxt); 
    var urlSet = staticStr + searcTxt; 
    alert(urlSet); 
     return true; 
    } 
    </script> 

HTML :

<div class="form" > 
    <div class="input-group"> 
     <form id="search_form" name="search_form" method="post" class="searchform" onsubmit="return OnSubmitForm();"> 
      <input id="search_term" name="search_term" type="text" value="" type="text" class="form-control" /> 
      <button type="submit" value="go"><span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span></button> 
     </form> 
    </div> 
</div> 

당신은 jQuery를 또는 document.getElementById를에 urlSet 변수의 변화 정의 ('SEARCH_TERM')를 추가로해야

Answer 1

<script> 

function formSubmit() { 

var searchCriteria = document.getElementById("search_term").value; 

if (searchCriteria.length == 0) 
{ 
    if (event.preventDefault) { 
     event.preventDefault(); 
    } else { 
     event.returnValue = false; // for IE as dont support preventDefault; 
    } 

    return; 
} 
    document.search_form.action = "/SearchResults.aspx?terms=" + searchCriteria; 
    document.search_form.submit(); 
} 

    </script> 

    <div class="form"> 
    <div class="input-group"> 
     <form id="search_form" name="search_form" method="post" class="searchform" > 
      <input id="search_term" name="search_term" type="text" value="" type="text" class="form-control" /> 
      <button type="button" value="go" id="SearchSubmit" onclick="formSubmit()">Go!</button> 
     </form> 
    </div> 
</div> 

Answer 2

. 값;