Validar formulario con Javascript

[nahuelvazquez6]

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?

<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]

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 ----------

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]

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.

<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]

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

<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...

<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]

en realidad estas haciendo mal...

<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