Como modificar teste script

[Jefferson Fernandes_81308 0]

Pessoal estou com uma seria dificuladade ja tentei de varias formas mas no consigo....

 

 

O script abaixo e simples....

na primeira parte ele valida os 3 primeiros campos....

se os campos nao estiverem ok ele gera um efeito shake que treme os campos....

 

minha duvida eh como mudar o foco para o segundo campo se o primeiro for true?

 

 

$(function(){

   //Valores originais dos campos dos forms
  var field_values = {//todos os valores dos forms sao colocados dentro da variavel field_values.
           //id        :  value
           'serial_number'  : 'Serial Number',
           'login'  : 'Usuario',
           'clogin' : 'password',
           'firstname'  : 'first name',
           'lastname'  : 'last name',
           'email'  : 'email address'
   };



   //Monitoramento dos focos limpa o value quando eh clicado
   $('input#serial_number').inputfocus({ value: field_values['serial_number'] });
   $('input#login').inputfocus({ value: field_values['login'] });
   $('input#clogin').inputfocus({ value: field_values['clogin'] }); 
   $('input#lastname').inputfocus({ value: field_values['lastname'] });
   $('input#firstname').inputfocus({ value: field_values['firstname'] });
   $('input#email').inputfocus({ value: field_values['email'] }); 




   //reiniciar barra de progresso
   $('#progress').css('width','0');
   $('#progress_text').html('0% Completo');
    document.formulario.serial_number.focus();
   //Primeiro step
   $('form').submit(function(){ return false; });

   $('#submit_first').click(function(){

       //remove classes
       $('#first_step input').removeClass('error').removeClass('valid');


       //Verifica se os campos nao estao vazios
/*
*verifica campo de nome
*/		
       var fields = $('#first_step input[type=text], #first_step input[type=login]');
       var error = 0;
       fields.each(function(){
           var value = $(this).val();
           if( value.length<4 || value==field_values[$(this).attr('id')] ) {

               $(this).addClass('error');//adciona erro
               $(this).effect("shake", { times:3 }, 50);//cria efeito de tremer


               error++;


           } else {
               $(this).addClass('valid');//adciona campo valido

           }
       });  
/*
*Fim verifica campo de nome
*/		



/*
*verifica campo de senha
*/
       if(!error) {

           if( $('#login').val() != $('#clogin').val() ) {
                   $('#first_step input[type=login]').each(function(){
                       $(this).removeClass('valid').addClass('error');//revove campo valido e adiciona erro
                       $(this).effect("shake", { times:3 }, 50);//cria efeito de tremer

				});

                   return false;//caso  
           } else {   
               //atualiza barra de progresso
               $('#progress_text').html('33% Complete');
               $('#progress').css('width','113px');

/*
*Fim verifica campo de senha
*/

               //Etapas de deslize
               $('#first_step').slideUp();
               $('#second_step').slideDown();     
           }               
       } else return false;
   });


   $('#submit_second').click(function(){
       //remove classes
       $('#second_step input').removeClass('error').removeClass('valid');

       var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;  
       var fields = $('#second_step input[type=text]');
       var error = 0;
       fields.each(function(){
           var value = $(this).val();
           if( value.length<1 || value==field_values[$(this).attr('id')] || ( $(this).attr('id')=='email' && !emailPattern.test(value) ) ) {
               $(this).addClass('error');
               $(this).effect("shake", { times:3 }, 50);

               error++;
           } else {
               $(this).addClass('valid');
           }
       });

       if(!error) {
               //atualiza barra de progresso
               $('#progress_text').html('66% Complete');
               $('#progress').css('width','226px');

               //Etapas de Deslize
               $('#second_step').slideUp();
               $('#third_step').slideDown();     
       } else return false;

   });


   $('#submit_third').click(function(){
       //Atualiza barra de progresso
       $('#progress_text').html('100% Complete');
       $('#progress').css('width','339px');

       //prepara a quarta etapa
       var fields = new Array(
           $('#serial_number').val(),
           $('#login').val(),
           $('#email').val(),
           $('#firstname').val() + ' ' + $('#lastname').val(),
           $('#age').val(),
           $('#gender').val(),
           $('#country').val()                       
       );
       var tr = $('#fourth_step tr');
       tr.each(function(){
           //alert( fields[$(this).index()] )
           $(this).children('td:nth-child(2)').html(fields[$(this).index()]);
       });

       //etapas de deslize
       $('#third_step').slideUp();
       $('#fourth_step').slideDown();            
   });


   $('#submit_fourth').click(function(){
       //envia informacoes para o servidor
       alert('Data sent');
   });

});

[Leozitho 81]

Mais atenção na hora de criar um novo tópico amigo, sua dúvida é sobre Javascript/jQuery e você criou o tópico em Fireworks (editor de imagens), nada a ver uma coisa com a outra. :P