사용자가 파일 입력 필드를 비워 두지 않는지 확인하고 싶습니다.사용자가 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 양식입니다. 내가 도대체 뭘 잘못하고있는 겁니까?