2016-10-08 3 views
-1

사용자가 파일 입력 필드를 비워 두지 않는지 확인하고 싶습니다.사용자가 HTML 양식을 사용하여 파일을 업로드하고 있음을 jQuery로 검증하는 방법은 무엇입니까?

jQuery 플러그인 validation을 사용하고 있습니다. 이 링크에는 플러그인이 어떻게 작동해야하는지에 대한 데모가 있습니다.

나는 나의 페이지의 바닥 글에 파일을 추가 (그들은이 사실에 있는지 확인)했습니다

//validación de la data en el formulario de carga de documentación 
$().ready(function { 

    $("#cargarDoc").validate({ 
    rules: { 
       dni: { 
       required: true, 
       extension: "gif|jpeg|jpg|png" 
       }, 
    messages:{ 
       dni: { 
       required: "No puedes dejar este campo en blanco", 
       extension: "Solamente puedes cargar archivos del tipo: gif, jpeg, jpg o png" 
       } 
    } 
    } 
    }) 
}) 
: 내 formularios.js에서

<!-- jQuery y Bootstrap minificados --> 
<script src="http://code.jquery.com/jquery-1.12.0.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
<!-- validacion de los campos de los formularios --> 
<script src="/js/validate/jquery.validate.min.js"></script> 
<script src="/js/validate/additional-methods.min.js"></script> 
<!-- My file --> 
<script src="/js/formularios.js"></script> 

내가이 추가 한 파일 내가 양식을 제출하면

이제
<form id="cargarDoc" method="POST" action ="cargarDoc.php" enctype="multipart/form-data"> 
<input type="hidden" name="MAX_FILE_SIZE" value="1000000"> 
<div class="form-group"> 
<label for="dni">Cargá acá tu DNI</label> 
<input type="file" id="dni" name="dni"> 
</div>   
<button type="submit">Cargar Documentación</button> 
</form> 

, 심지어 빈, 그것은 나를 보자 않습니다

그리고 여기 내 HTML 양식입니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

답변

1

코드의 indentation이 잘못되어 발생하는 구문 오류입니다.

위의 코드를 코드와 비교하여 subtile 차이를 확인하십시오.

유효성 검사는 객체를 사용하여 동작을 정의합니다.

"규칙", "메시지"및 "dni"는 개체입니다.
개체는 중괄호 ({}) 사이에 정의되며 keyvalue 쌍으로 구성됩니다.

객체가 다른 객체를 포함 할 수 있습니다 ...
이 모두 자신의 "DNI"개체를 포함하는 것이 "규칙"및 "메시지"의 경우입니다. 오브젝트 내에서 코마 ,이 분리기로 사용된다.

세미콜론 ;은 많은 코딩 언어로 문장을 분리하는 데 사용됩니다.