2012-06-21 4 views
0

누군가가 나를 도울 수 있기를 희망하는 JQuery/ASP 문제가 있습니다.JQuery와 ASP.NET : 클릭 할 때 호출되는 preventDefault()가 정상적인 작업을 반환 할 때 true를 반환하지 않습니다.

시나리오 : ASP.net 응용 프로그램이 이미 구축 및 배포되었지만 모든 클라이언트를 동일한 버전으로 유지하기 쉽도록 (업데이트하기 쉽도록)이 클라이언트의 ASP 응용 프로그램을 사용자 지정하기 위해 많은 JQuery를 주입했습니다. 코드를 다시 컴파일하지 말고 "일회용"버전에서 사용하십시오.

다음은 내가하려는 일입니다.

양식에 유효성 검사를 추가하십시오. 현재 "제출"버튼의 click 이벤트를 가져와 if 문을 수행하고 빈 값에 대한 필드를 확인합니다. IE :

$("input[id*=btnVisualSubmit]").click(function(event) {  
    if ($("#field").val() == "") 
     event.preventDefault(); 
     alert("field is empty. "); 
}); 

각 필드에서 빈 문자열을 검사하는 것은 if/else 문입니다. 지금 .. 내가하고 싶은 것은 .. if 문이 하나도 없으면 정상 ASP 버튼이 그대로 작동하고 모든 코드를 수행합니다. 이것은 사용자가 첫 번째 시도에서 필요한 필드를 모두 입력하는 한 정교하고 멋지게 작동합니다. 그러나 event.preventDefault()를 실행하자마자 사용자가 모든 필수 필드를 입력 한 후에는 결코 양식을 제출하지 않습니다.

나는 event.preventDefault()를 "true"를 반환하는 마지막 "else"문을 추가하기 위해 "false false"로 변경했지만 모든 유효한 데이터를 올바르게 입력하지 않으면 아무 것도 제출 단추를 호출하지 않습니다. 첫 번째 시도에서.

도움이된다면 크게 도움이 될 것입니다. 감사합니다

+0

을 .see 제출에 양식을 사용했다 실패했습니다. –

+0

나는 그것을 편집했다. 그것은 나를 타이핑하는 것이었다. 고마워. – kmauzoul

답변

0

나는 당신이 위의이 코드를 붙여 복사하는 경우가 '('는 if 문에서 발생할 것 JS을 누락하고, 아래의 코드

<body> 
    <form id="one" action="JqueryEvent.html"> 
     <input type="text" id="abc" /> 
     <input type="submit" /> 

    </form> 
    <script type="text/javascript"> 
     $("#one").on("submit", function() { 
      if (jQuery("#abc").val() == "") { 
       alert("clicked"); 
       return false; 
      } 

     }); 
    </script> 
</body> 
관련 문제