Foros del Web » Programación web » Javascript » Frameworks JS »

validacion javascript

Estas en el tema de validacion javascript en el foro de Frameworks JS en Foros del Web. Wenas! Estoy desarrollando una serie de validaciones para unos formularios que tengo en mi aplicacion, he encontrado el siguiente js en internet y trato de ...
  #1 (permalink)  
Antiguo 27/07/2011, 12:21
 
Fecha de Ingreso: junio-2011
Mensajes: 16
Antigüedad: 3 años, 2 meses
Puntos: 0
validacion javascript

Wenas!

Estoy desarrollando una serie de validaciones para unos formularios que tengo en mi aplicacion, he encontrado el siguiente js en internet y trato de modificarlo:

Código PHP:
$(document).ready(function(){
// ====================================================== //

var jVal = {
    
'login' : function() {
    
        $(
'body').append('<div id="loginInfo" class="info"></div>');
        
        var 
loginInfo = $('#loginInfo');
        var 
ele = $('#login');
        var 
pos ele.offset();
        
        
loginInfo.css({
            
toppos.top-3,
            
leftpos.left+ele.width()+15
        
});
        
        if(
ele.val().length == 0) {
            
jVal.errors true;
                
loginInfo.removeClass('correct').addClass('error').html('&larr; No puede estar vacio').show();
                
ele.removeClass('normal').addClass('wrong');                
        } else {
            if(
ele.val().length 5) {
                
jVal.errors true;
                    
loginInfo.removeClass('correct').addClass('error').html('&larr; MAx 5 caracteres').show();
                    
ele.removeClass('normal').addClass('wrong');                
            } else {
                    
loginInfo.removeClass('error').addClass('correct').html('').show();
                    
ele.removeClass('wrong').addClass('normal');
            }
            
        }
        
        
    },
    
    
    
'password' : function() {
        
        $(
'body').append('<div id="passwordInfo" class="info"></div>');
        
        var 
passwordInfo = $('#passwordInfo');
        var 
ele = $('#password');
        var 
pos ele.offset();
        
        
passwordInfo.css({
            
toppos.top-3,
            
leftpos.left+ele.width()+15
        
});
        
        if(
ele.val().length == 0) {
            
jVal.errors true;
                
passwordInfo.removeClass('correct').addClass('error').html('&larr; No puede estar vacio').show();
                
ele.removeClass('normal').addClass('wrong');                
        } else {
            if(
ele.val().length 5) {
                
jVal.errors true;
                    
passwordInfo.removeClass('correct').addClass('error').html('&larr; MAx 5 caracteres').show();
                    
ele.removeClass('normal').addClass('wrong');                
            } else {
                    
passwordInfo.removeClass('error').addClass('correct').html('').show();
                    
ele.removeClass('wrong').addClass('normal');
            }
            
        }
        
        
    },
    
    
'nombre' : function() {
        
        $(
'body').append('<div id="nombreInfo" class="info"></div>');
        
        var 
nombreInfo = $('#nombreInfo');
        var 
ele = $('#nombre');
        var 
pos ele.offset();
        
        
nombreInfo.css({
            
toppos.top-3,
            
leftpos.left+ele.width()+15
        
});
        
        if(
ele.val().length == 0) {
            
jVal.errors true;
                
nombreInfo.removeClass('correct').addClass('error').html('&larr; No puede estar vacio').show();
                
ele.removeClass('normal').addClass('wrong');                
        } else {
            if(
ele.val().length 5) {
                
jVal.errors true;
                    
nombreInfo.removeClass('correct').addClass('error').html('&larr; MAx 5 caracteres').show();
                    
ele.removeClass('normal').addClass('wrong');                
            } else {
                    
nombreInfo.removeClass('error').addClass('correct').html('').show();
                    
ele.removeClass('wrong').addClass('normal');
            }
            
        }
        
        
    },

    
'sendIt' : function (){
        if(!
jVal.errors) {
            $(
'#jform').submit();
        }
    }
};

// ====================================================== //

$('#send').click(function (){
    var 
obj = $.browser.webkit ? $('body') : $('html');
    
obj.animate({ scrollTop: $('#jform').offset().top }, 750, function (){
        
jVal.errors false;
        
jVal.login();
        
jVal.password();
        
jVal.nombre();

    });
    return 
false;
});

$(
'#login').change(jVal.login);
$(
'#password').change(jVal.password);
$(
'#nombre').change(jVal.nombre);


// ====================================================== //
}); 
Mi idea es que valide el dato en tiempo real y que haga otra validacion al pulsar el boton submit de enviar. La validacion de datos en tiempo real la hace perfectamente, el problema viene al pulsar el boton submit.

En el caso de que tenga un primer formulario en el que solo aparezcan los campos login y password a validar ( nombre no, aparece en otro formulario) al pulsar el boton submit no me deja continuar xq ese campo "nombre" al no aparecer en ese formulario da un error ( el error viene de ahi, xq si comento todo lo relativo a "nombre" funciona bien)

Una posible solucion seria crear un archivo javascript diferente para cada formulario, contiendo solo las variables que aparecen en ese formulario, pero prefiero evitar esto y asi no tener 10 u 11 archivos .js para las validaciones.

Que pensais?

Etiquetas: html, javascript, js, formulario, botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:33.
SEO by vBSEO 3.3.2