Validar formulario con Javascript

nahuelvazquez6 · 10 Jun 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?

Insertar CODE, HTML o 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 Jun 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 dijo:
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 Jun 2014

estebancito dijo:
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.

Insertar CODE, HTML o 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 Jun 2014

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

Insertar CODE, HTML o 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 Jun 2014

cicklow dijo:

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 formulario con Javascript

nahuelvazquez6 Seguir

estebancito

nahuelvazquez6

Cicklow

nahuelvazquez6