2013-11-04 3 views
0

$("#classList").submit(); 아래의 행에 도달하면 양식이 제출되지 않고 JavaScript가 계속됩니다. 내가 뭘 놓치고 있니? 나는이 양식에 data-ajax="false" 속성, 아약스로 양식 제출을 방지하기 위해 그 이유는 (페이지에 JQuery와 모바일을 사용하고 있습니다.JQuery - 제출 양식이 왜 제출되지 않습니까?

당신이 이름 submit와 입력 요소를 가지고 있기 때문이다
<script> 
    $(document).ready(function() { 
     $("#filter").on("click", function() { 
      if ($("#filter").val() == 'DONE') { 
       $("#classList").submit(); 
      } 
      $('#filterpanel').toggle(); 
      $("#filter").val(function (i, text) { return text == 'FILTER' ? 'DONE' : 'FILTER';}); 
     }); 
    }); 
</script> 
<form id="classList" runat="server" data-ajax="false"> 
    <div class="search_field2"> 
     <input id="address" type="text" name="address" class="input12" runat="server" clientidmode="Static" data-role="none" /> 
     <span> 
      <input name="submit" type="submit" value="" class="retina-sprite" data-role="none" /></span> 
    </div> 
    <div class="filter_box"> 
     <input id="filter" name="filter" type="button" value="FILTER" class="filter" data-role="none" /> 
    </div> 
... 
</form> 
+1
+0

그것은 ASP.net 형식입니다. action 속성을 지정하면 무시됩니다 (페이지는 항상 자신에게 다시 게시됩니다). method 속성을 생략하면 기본적으로 method = "post"로 설정됩니다. 폼에 다른 ID를 할당하는 ASP.NET과 관련이 있는지 궁금하게 생각 했는데도 JavaScript가 폼을 찾았습니다. –

+0

아니요, 예상대로 폼 ID가 그대로 유지됩니다 –

답변

2

은, 그것은보다 우선 양식 방법을 제출 뭔가 다른 제출하고 작동해야합니다에서 버튼 이름을 제출 변경

<form id="classList" runat="server" data-ajax="false"> 
    <div class="search_field2"> 
     <input id="address" type="text" name="address" class="input12" runat="server" clientidmode="Static" data-role="none" /> 
     <span> 
      <input name="submits" type="submit" value="" class="retina-sprite" data-role="none" /></span> 
    </div> 
    <div class="filter_box"> 
     <input id="filter" name="filter" type="button" value="FILTER" class="filter" data-role="none" /> 
    </div> 
... 
</form> 

데모 :..? Problem, 양식 방법 및 조치입니다

+0

Brilliant , 그 대답 감사합니다! 내가 이걸 보지 못했다니 믿을 수가 없어. 몇 시간 동안 거기에 있었습니까? –

관련 문제