jQuery 유효성 검사 - 잘못된 파일 유형이 표시된 경우에도 양식이 제출됩니다.

Question

PDF 파일의 Word 문서 만 허용하려는 경우 내 파일 필드에 대해 다음 규칙을 작성했습니다.

paperupload:{required: true, accept: "application/msword, application/pdf"} 

업로드 한 JPG 파일을 테스트했을 때 다른 필드의 유효성을 검사하지 않고 양식을 제출합니다. 내가 여기서 한 일이 잘못 됐니?

$("#papersubmitform").validate(
    { 
     submitHandler: function(form) { 

         $(form).submit(); 

     }, 

     messages: { 
      //CHECK Correspondence Authors' Information 
      contactTitle: "Please specify Correspondence Author's Title", 
      contactFirstName: "Please specify Correspondence Author's First Name", 
      contactLastName: "Please specify Correspondence Author's Last Name", 
      contactEmail: "Please specify Correspondence Author's Email Address", 
      contactUniList: "Please specify Correspondence Author's University", 
      //paperTitle:"Please specify Paper Title", 
      paperAbstract:"Please specify Paper Abstract" 

     }, 

     rules:{ 
      //Rules for Correspondence Author's Information 
      contactTitle: {required: true}, 
      contactFirstName: { required:true}, 
      contactLastName: { required:true}, 
      contactEmail: {required:true, email: true}, 
      contactUniList:{ required:function(){ 
       if(checkuninotinlist){ return false; } 
        else { return true; } 
       } 
      }, 

      contactUniversityName:{ required: function(){ 
        if(checkuninotinlist){ return true; } 
        else { return false; } 
        } 
      }, 

      contactUniCountry:{ required: function(){ 
        if(checkuninotinlist){ return true; } 
        else { return false; } 
        } 
      }, 


      contactOrganisation: { required:function(){ 
        if(checkorganisation){ return true; } 
        else { return false; } 
        } 
      }, 

      contactOrgCountry: { required:function(){ 
        if(checkorganisation){ return true; } 
        else { return false; } 
        } 
      }, 

      mailinglist:{required:true}, 
      researchmethod:{required:true}, 

      //PAPER INFORMATION 
      paperTitle:{required:true}, 
      paperAbstract:{required:true}, 
      paperupload:{required: true, accept: "application/msword, application/pdf"} 

    } 
});    

여기

<input type="file" name="paperupload" /> 

Answer 1

HTML 당신은 accept 방법을 사용하기 위해 the additional-methods.js file를 포함해야합니다.

jQuery Validate 플러그인을 포함시킨 직후에 포함하십시오.

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.validate.js"></script> 
<script type="text/javascript" src="additional-methods.js"></script>