Autofoco no primeiro campo de um formulário

Publicado por EVERTON DA ROSA (última atualização em 06/11/2011)

[ Hits: 6.478 ]

Homepage: http://everton3x.github.io

Download focusFirstField.js

Download first-field-focus.js (versão 2)




Este script (javascript) coloca o foco sempre no primeiro campo do primeiro formulário da página. Campos somente leitura (readonly) são ignorados. Para utilizar, chame a função focusFirstField() no evento onLoad da tag BODY das páginas HTML que desejar.

  



Versões atualizadas deste script

Versão 2 - Enviado por EVERTON DA ROSA em 01/11/2011

Changelog: Correção no laço FOR que percorre os campos. Ao encontrar o campo que receberá o foco, o FOR é interrompido.
Contribuição de Luiz Educardo C. Neri https://twitter.com/#!/lecneri

Download first-field-focus.js


Esconder código-fonte

function focusFirstField(){
                var f_form = window.document.forms[0];
                if(f_form){
                    var n_fields = f_form.length;
                    for(var i = 0; i < n_fields; i++){
                        var ro = f_form[i].readOnly;
                        if(ro == true){
                            var sf = i+1;
                        }
                    }

                    if(sf){
                        f_form[sf].focus();
                    }else{
                        f_form[0].focus();
                    }
                    return true;
                }else{
                    var tags = document.getElementsByTagName('input');
                    if(tags.length > 0){
                        tags[0].focus();
                    }else{
                        return false;
                    }
                }
            }

Scripts recomendados

Validador de IP em JavaScrip com Expressão Regular

Validação de Formulários

Ordenação de Registros em uma Table

Uma simples validação de formulário

Formulário de Login no GOOGLE APPS - MAIL


  

Comentários

Nenhum comentário foi encontrado.


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner
Linux banner
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts