2012-06-26 4 views
0

JavaScript 유효성 검사 기능과 jquery 진행률 표시 줄이 있습니다. 버튼을 눌렀을 때 일부 유효성 검사를하고 백그라운드에서 일부 긴 데이터베이스 쿼리를 수행하고 있습니다.이 쿼리가 진행 중일 때 진행률 막대가 표시되고 백그라운드 프로세스가 시작되기 전에 실행될 JavaScript 함수가 필요합니다. 여기 그것은자바 스크립트 유효성 검사 함수 안에 jquery를 포함시킬 수 있습니까?

<input name="btnPublish" class="button1" type="button" id="btnPublish" value="Publish" onClick="disableActiveButtons()"> 

내 JQuery와 같은 ::

$('#btnPublish').click(function() { 
        var val = 0; 
        var interval = setInterval(function(){ 
        val = val+1;  
        $('#pb').progressbar({ value: val}); 
        $('#percent').text(val + '%'); 
        if(val == 100){ 
         clearInterval(interval); 
         } 
        }, 50); 
        }); 

난 둘 다 작동 할 수 있도록 자바 스크립트 유효성 검사 함수 내에서이 jQuery를 포함 할 수있다 자바 스크립트 함수 호출된다? 진행률 표시 줄과 JavaScript 유효성 검사가 어떻게 구현되어야합니까?

입력 태그 FOM 특성 onclick을 제거 : 감사

+1

$ ('# btnPublish')에서 disableActiveButtons()를 호출하지 않는 이유는 무엇입니까? – Muse

+0

호출 방법이 명확하지 않습니다. js 파일 인 ui.js가 있습니다.이 파일은 내 jsp에서 . 이 jsp에는 JAVAScript 함수 disableActiveButtons()를 호출하는 버튼 (id = "btnPublish")과 onclick이 있습니다. 지금은 어떻게해야합니까 그렇게 jquery에 가서 버튼을 클릭하고 스크립트를 호출? 제발 ($ # 'btnPublish') –

+0

내에서 disableActiveButtons()를 호출 할 수 있습니다. :)하지만 지금 어떻게 백그라운드 프로세스가 완료되고 진행률 표시 줄을 멈추어야하는지 알 수 있습니까 –

답변

0

당신이 할 것이다 당신의 JQuery와의 onclick 내에서 자바 스크립트 함수를 호출하려면

<input name="btnPublish" class="button1" type="button" id="btnPublish" value="Publish"> 

을하고 함수를 호출 :

$('#btnPublish').click(function() { 

       if(!disableActiveButtons()) 
        return false; //cancel the event if validation failed , else continue 
       var val = 0; 
       var interval = setInterval(function(){ 
       val = val+1;  
       $('#pb').progressbar({ value: val}); 
       $('#percent').text(val + '%'); 
       if(val == 100){ 
        clearInterval(interval); 
        } 
       }, 50); 
       }); 

희망이 도움이됩니다.

+0

뮤즈에게 감사드립니다 !! 몇 가지 질문,이 진행률 막대 실행과 같은 방법으로 백그라운드 프로세스가 완료 될 때까지 (엄청난 백그라운드 프로세스) 실행되고 백그라운드 프로세스가 끝날 때 사라지는 대화 상자처럼 보입니다. –

+0

백그라운드 작업을 수행하기 위해 비동기 호출을 구현했다고 가정하면 작업이 완료되었음을 나타내는 변수를 보내고 클라이언트 측에서 변수가 진행률 막대를 중지하는지 확인하고자 할 수 있습니다. 비록 당신이 서버 측에서 어떤 기술을 사용하고 있는지 언급하지 않았지만. – Muse

+0

이 코드는 한 번 작동하지만 전문 코드가 필요한 경우 여러 위치에서 외부 JavaScript 함수를 호출 할 수 있어야합니다. 이 솔루션을 사용하면 동일한 기능을 수십 가지씩 인라인 할 수 있습니다. 이 문제에 대한 일반적인 대답을 얻을 수 없다는 말입니까? –

관련 문제