파일을 업로드하는 동안 보류중인 텍스트 버튼 설정

Question

사용자가 문서를 업로드하고 양식을 제출하여 파일을 업로드하는 간단한 mvc 응용 프로그램을 만들고 있습니다. 컴퓨터가 데이터베이스에 문서를 업로드하는 동안 '업로드'텍스트를 '보류 중'으로 변경하려고합니다 (5 분 소요).

나는 이런 식으로 뭔가를 가지고 :

'보류'에 '업로드'버튼의 텍스트를 변경

<input type="submit" class="btn btn-primary btn-block" value="Upload" onclick="this.disabled = true; value = 'Pending';" /> 

. 그러나 파일이 제출되지 않은 상태에서 '업로드'버튼을 클릭하면 컴퓨터가 문서를 데이터베이스에 업로드하지 않아도 '업로드'버튼의 텍스트가 '대기 중'으로 변경됩니다.

어쩌면 내가 할 수있는가요 - 자바 스크립트 또는 다른 뭔가? 이

onclick="this.disabled = true; this.value= 'Pending';" 

같은

Answer 1

시도 뭔가하지만 서버 측 변경 파일이

을 업로드 그리고 당신은 파일을 확인하려면을 파일을 가지고 여부 된 후이 하나의 텍스트에서

onclick="if($('#fileupload').val()!=''){this.disabled = true; this.value= 'Pending';}else{$('#fileupload').focus();}" 

Answer 2

$("form").submit(function() { 
    $('input[type="submit"]').attr('disabled', 'true').val('Pending'); 
}); 

을 또는 당신은 할 수 있습니다 : jQuery를 보내고 다음 양식이 제출 될 때

$('input'[type="submit"]').click(function(e){ 
    if ($('#upload').val != "") //if the input isn't empty (assuming id is called #upload) 
    { 
    $('input[type="submit"]').attr('disabled', 'true').val('Pending'); 
    $('form').submit(); 
    } 
    e.preventDefault(); 
}); 

는 그래서 버튼을 클릭 할 바로 그 때보다는, 버튼은 장애인과 변화 값으로 변경됩니다 제출합니다.

Answer 3

사용자 지정 '버튼'

단지 꽤 사업부를 만들고, 그 '온 클릭'이벤트에 자바 스크립트 함수를 첨부 할 수 있습니다.

옆에있는 자바 스크립트 함수에 당신이 중 하나를 "업로드"를 가

document.forms.yourFormName.submit(); 

을하고 입력 버튼을 없애 그 DIV의 텍스트,

를 설정하거나 그 버튼의를 만들 수 있습니다 가시성 "숨겨진"하고 버튼을 찾아서

.toggle("click");