Desde el 2012 llevo mis apuntes en este blog documentando lecciones aprendidas, formatos, procesos, negocios, metodologías, herramientas, guias y buenas prácticas para el mundo informativo y la gestión de proyectos. Habilidades blandas, habitos, frases de líderes, empresarios exitosos y apuntes personales que son el resultado de investigaciones que realizo para mejorar cada día en el ambito personal y profesional.
Validaciones para un formulario HTML + JQUERY
/*************/
jscript de validaciones de campos para un formulario
var checkForm = function(id,iderror){
var msgerror = '';
var msgerror_require = '(*) Campo Requerido';
var msgerror_emailvalid = 'El E-mail es incorrecto';
var msgerror_numeric = 'Debe ingresar solo números';
var bform = true;
var tform = '#'+id;
$(tform+' .require').each(function(i){
if (this.value=='') {
$(this).addClass('error');
bform = false;
msgerror = msgerror_require;
} else {
$(this).removeClass('error');
}
});
$(tform+' .emailvalid').each(function(i){
var filtro = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if (!filtro.test(this.value)){
$(this).addClass('error');
bform = false;
msgerror = msgerror_emailvalid;
} else {
$(this).removeClass('error');
}
});
$(tform+' .numeric').each(function(i){
var strChars = "0123456789.-";
for (i = 0; i <this.value.length; i++) {
strChar = this.value.charAt(i);
if (strChars.indexOf(strChar) == -1) {
$(this).addClass('error');
bform = false;
msgerror = msgerror_numeric;
} else {
$(this).removeClass('error');
}
}
});
$(tform+' .check').each(function(i){
var checkeado=$('#checkbox').attr('checked');
if(!checkeado) {
$(this).addClass('error');
bform = false;
msgerror += msgerror_term;
agregar_Error();
} else {
$(this).removeClass('error');
quitar_Error();
}
});
if (bform == true) {
return true;
} else {
$('#'+iderror).html(msgerror).show();
return false;
}
}
function divError(form,p){
var msg_error = '(*) Debe completar los campos requeridos ';
$$('form#'+form+' .msgerror').each(function(el){
if (p=='hide') {
el.hide();
}else{
el.update(msg_error);
el.show();
}
});
}
/**********************************************//
en el html
<form action="[ACTION]" method="post" onsubmit="return checkForm('form1','divErr');" id="form1" name="form1">
y un div
<div id="divErr" style="display:none"></div>
no olvidar poner en cada imput la clase "require" o el que definimos en el jscript
Etiquetas:
cliente,
formulario,
HTML,
Jquery,
validaciones
Suscribirse a:
Enviar comentarios (Atom)
No hay comentarios:
Publicar un comentario
Todos los comentarios son bien recibidos...