jQuery 유효성 검사 플러그인을 사용하여 업로드 양식에 대한 유효성 검사 추가

Question

간단한 HTML 파일 업로드 양식이 있습니다. 다른 양식에서 jQuery 유효성 검사 플러그인을 사용하여 필수 값을 확인하고 파일 업로드 양식에서이를 사용하여 사용자가 찾아보기를 클릭했는지 확인하고자합니다. . . 버튼을 먼저 누르고 파일을 선택하십시오. 관련 코드는 그 이하 설정 얼마나 다른 형태를 기반으로되어 있지만,이 사람은 다른 사람처럼 작동하지 않습니다 :

<script src="lib/jquery.js" type="text/javascript" charset="utf-8"></script> 
    <script src="lib/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script> 
    <script src="lib/jquery.metadata.js" type="text/javascript" charset="utf-8"></script> 

    <script type="text/javascript"> 
    $.metadata.setType("attr", "validate"); 

    $(document).ready(function(){ 
    $("#upload").validate(); 
    }); 
    </script> 

<form enctype="multipart/form-data" action="fileupload.php" method="POST" id='upload'> 
Choose a file to upload: <input name="new_file" type="file" validate = "required:true"> 
<label for = "new_file" class = "error">You must select a file first before you can upload</label> 
<input type="submit" name="action" value="Upload"> 

</form> 

감사 누군가가 내가 잘못 무엇을 지적 할 수 있습니다.

많은 감사, document.ready 방법 내에서 유효성 검사 스크립트를 넣어 스티브

Answer 1

보십시오. 즉이 지금 일하고있어 Chinmayee

$(document).ready(function(){ 
    $.metadata.setType("attr", "validate"); 

    $(document).ready(function(){ 
     $("#upload").validate(); 
    }); 
}); 

working demo