Quizas usar el plugin no sea necesario para este problema, pero no es mala idea aprovechar la situación para usarlo. Ese plugin fue el primero que utilize para validación cuando estaba aprendiendo y lo recomiendo bastante. Agrega un poquito de complejidad pero es bastante útil.
El link correcto es
http://bassistance.de/jquery-plugins/jquery-plugin-validation, la documentación esta en los docs oficiales de jQuery
http://docs.jquery.com/Plugins/ValidationAun con el uso del plugin, la regla de validación necesita expresiones regulares, para hacerlo solo necesitas agregar un metodo al namespace del plugin, en este caso lo he llamado
tuRegla y he agregado la expresion regular de Juancho, pero estoy usando
\d, el cual equivale a
[0-9]$.validator.addMethod('tuRegla', function(v, el){
return /^([0-4]\.\d|5\.0)$/.test(v);
}, 'NOPE');Luego, suponiendo que tu HTML es este
<form>
<div id='status'></div>
<input type='text' name='in'/>
<input type='submit'/>
</form>Solamente llamas al metodo validate, pasando las opciones de configuración en un objeto literal. En la propiedad rules, asignamos el metodo
tuRegla al campo de texto nombrado
in$('form').validate({
rules:{
in:{ tuRegla: true }
},
showErrors: function(map, list){
updateStatus(map.in || 'ok');
},
submitHandler: function() {
updateStatus("sent");
}
});La función updateStatus es la manera en la que trato de mantener el código organizado y evitar repeticion
var updateStatus = function(status){
$('#status').fadeOut(function(e){
$(this).text(status).fadeIn();
});
};Podes revisar el demo aqui
http://jsfiddle.net/jaimem/ucxmz/1/He saltado bastantes detalles, pero si tenes preguntas aqui estamos a la orden.
