Validar formulário com Javascript

nahuelvazquez6 · 10/06/2014

Tengo un problema al validar un simple formulario. La idea es que al enviar el formulario "#form" en blanco muestre un mensaje de error y evite que sea enviado. Sucede que no puedo hacerlo funcionar y no encuentro ningún error en el código. El código que estoy usando es este, alguna ayuda?

Inserir CODE, HTML ou PHP:

<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>

<script type="text/javascript">
function validar() {
$('#form').validate({
rules :
{
'pais' : {required :true}
},
messages:
{
'pais' : {required:'Debe seleccionar su país'}
}
});
};
</script>

<form id="form" action="/process.php" onsubmit="validar();" method="POST">
<select name="pais" style="color:#000">
<option selected disabled hidden value=''>Seleccionar</option>"
<option value="AF">Afganistán</option>
<option value="AL">Albania</option>
<button type="submit" id="continuar">Continuar</button>
</form>

estebancito · 10/06/2014

Hola, Qué tal si cargas primero la librería JQuery y después additional-methods.js ?

Saludos.

---------- Post agregado el 11-jun-2014 hora: 03:39 ----------

estebancito disse:
Hola, Qué tal si cargas primero la librería JQuery y después additional-methods.js ?

Saludos.

Olvidé preguntar también, si estás cargando la librería JQuery principal, es decir... Ahí veo cargado el Plugin pero no la librería JQuery.

Para que tengas una idea del error, mira la consola que mensaje te arroja.

Saludos de nuevo.

nahuelvazquez6 · 10/06/2014

estebancito disse:
Hola, Qué tal si cargas primero la librería JQuery y después additional-methods.js ?

Saludos.

---------- Post agregado el 11-jun-2014 hora: 03:39 ----------

Olvidé preguntar también, si estás cargando la librería JQuery principal, es decir... Ahí veo cargado el Plugin pero no la librería JQuery.

Para que tengas una idea del error, mira la consola que mensaje te arroja.

Saludos de nuevo.

Gracias por responder, probé cambiando el orden de carga de las librerías asi, pero sigue sin funcionar.

Inserir CODE, HTML ou PHP:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>

En la consola del navegador no recibo ningún error, al enviar el formulario en blanco es enviado y procesado por "process.php" como si nada. Seguiré intentando, si se te ocurre algo te lo agradeceré mucho

Cicklow · 10/06/2014

nahuelvazquez6 disse:
Gracias por responder, probé cambiando el orden de carga de las librerías asi, pero sigue sin funcionar.

Inserir CODE, HTML ou PHP:

<script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script> <script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>

En la consola del navegador no recibo ningún error, al enviar el formulario en blanco es enviado y procesado por "process.php" como si nada. Seguiré intentando, si se te ocurre algo te lo agradeceré mucho

en realidad estas haciendo mal...

HTML:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>

<form id="form" action="" method="POST">
<select name="pais" style="color:#000" required>
<option selected disabled hidden value=''>Seleccionar</option>"
<option value="AF">Afganistán</option>
<option value="AL">Albania</option>
<br/><input type="submit" id="continuar" value="Continuar">
</form>

<script>
$("#form").validate();
</script>

Documentation | jQuery Validation Plugin
Saludos!

nahuelvazquez6 · 10/06/2014

cicklow disse:

en realidad estas haciendo mal...

HTML:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>

<form id="form" action="" method="POST">
<select name="pais" style="color:#000" required>
<option selected disabled hidden value=''>Seleccionar</option>"
<option value="AF">Afganistán</option>
<option value="AL">Albania</option>
<br/><input type="submit" id="continuar" value="Continuar">
</form>

<script>
$("#form").validate();
</script>

Documentation | jQuery Validation Plugin
Saludos!

Era mas simple de lo que pensaba, me funciono, muchas gracias por la ayuda compañero

Validar formulário com Javascript

nahuelvazquez6

estebancito

nahuelvazquez6

Cicklow

nahuelvazquez6

Tópicos similares