Uso del complemento de validación jQuery
-
23-09-2019 - |
Pregunta
Me preguntaba si alguien podría ayudarme a usar el complemento de validación de jQuery. Necesito agregar la capacidad de asegurarme de que un campo solo contenga letras, números, subrayadores, blancos y guiones. Actualmente tengo el siguiente código JS (sin incluir la llamada a jQuery y los archivos .js .js)
$(document).ready(function() {
$("#info_frm").validate();
});
function submitForm() {
if( $("#info_frm").valid() ) {
document.info_frm.submit();
}
return false;
}
Solución
Simplemente use un método regex para validar su campo:
$.validator.addMethod(
"namecheck", function(value) {
return /^[-_\sa-zA-Z0-9]*$/.test(value);
}, "This name is not correct"
);
Ahora puede agregar la regla:
$("[name='yourfieldname']").rules("add", { namecheck: true })
o
<input type="text" class="required namecheck" name="yourfieldname" />
Otros consejos
Puede agregar un método dependiendo de las reglas que desee. por ejemplo:
$.validator.addMethod(
"numeric",
function(value, element) {
var regex=/^[0-9]+$/; //this is for numeric... you can do any regular expression you like...
return this.optional(element) || regex.test(value);
},
"Only numeric please."
);
Intenta mirar aquí para más información.
Consulte mi complemento de validación, permite lo siguiente:
- Validación de campo requerida
- Validación de expresión regular
- Validación por correo electrónico
- Validación numérica
- Validación condicional
Puedes Compruébalo aquí.
RECUERDA La validación del lado del cliente no es suficiente. También debe validar en el servidor.
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow