Header Ads Widget

Ticker

6/recent/ticker-posts

Validación de jQuery para el tipo de entrada de archivo

 Cuando usamos un archivo de tipo de entrada en formato HTML, debemos validarlo antes de enviar el formulario.

La validación del lado del cliente se puede realizar fácilmente usando jQuery o JavaScript.

En este tutorial, veremos cómo validar un archivo de tipo de entrada con jQuery.

HTML

<div class = "form-group">
<input type = "file" class = "form-control" id = "idaddproof3" name = "idaddproof" accept = "image / *" required = "required"> 
<span class = "errorMSG" id = "msgaadhaarfile"> </span>
</div>

<input type = "button" name = "submit" value = "Submit" onclick = "validar ();" /> 

JavaScript

Primero incluye la biblioteca jquery

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> 

Escribiendo algunos scripts para validar el campo de entrada

<script> 
función validate () {
var file = $ ('# idaddproof3'). val ();
if (file == "") {
$ ("# msgaadhaarfile"). html ("Por favor, seleccione la imagen de Aadhaar"); $ ("# idaddproof3"). focus ();
falso retorno;
} else {
/ * Hay archivos * /
var file_size = $ ('# idaddproof3') [0] .files [0] .size / 1024/1024; // en MB
$ ("# msgaadhaarfile"). html ("");
}
if (file_size> 2) {
$ ("# msgaadhaarfile"). html ("El tamaño del archivo es superior a 2 MB"); $ ('# idaddproof3'). focus (); falso retorno;
} else {
$ ("# msgaadhaarfile"). html ("");
}}
</script>

Publicar un comentario

0 Comentarios