jQuery 코드가 유효성을 검사하고 전송을 중지합니다.

Question

이 jQuery 코드를 사용하여 파일 업로드 이벤트의 유효성을 검사합니다. 성공했습니다. 하지만 제출 버튼을 클릭하면 잘못된 파일을 첨부하여 PHP로 전달하지 않기를 바란다.

파일 확장명이 잘못되었을 때 서버로 보내는 파일을 어떻게 중지 할 수 있습니까? 나는 jQuery를 사용하여 그것을하고 싶다.

리포트 _ - 파일의 종류에 입력 필드

var ext = $('#report_file').val().split('.').pop().toLowerCase(); 
if($.inArray(ext, ['doc','docx','gif','jpg','png','xls','xlsx','jpeg','pdf']) == -1) { 
    alert('invalid extension!');   
} 

감사

Answer 1

는

$('#form').submit(function(e) { 

var ext = $('#report_file').val().split('.').pop().toLowerCase(); 
if($.inArray(ext, ['doc','docx','gif','jpg','png','xls','xlsx','jpeg','pdf']) == -1) { 
    alert('invalid extension!'); 
e.preventDefault();  
} 
}); 

이가 양식을 방지 할 기능 제출에 에서는 event.preventDefault()를 사용해보십시오 잘못된 확장 기능을 찾으면 제출하십시오. 도움이 되길 바랍니다 ..

편집 : jsfiddle.net/2yQZY