Padrão de nomenclatura para classes usadas em JavaScript evita problemas
CSS, Javascript, Padrões Comentar >> Marcelo KorjenioskiEsta semana descobri um problema em se usar nome da classes de estilo para identificação em funções javascript. A situação foi que outro programador ao migrar o layout do sistema apagou o nome de classes que estavam sendo usadas no JS via Prototype para validação de campos. Como não existia um padrão para o nome das classes minha solução para evitar futuros problemas foi criar um padrão de nomenclatura “jsNomeDaClasse” assim quando alguem ver o “js” na frente do nome da classe indica uma referencia para uma funcao JS.
No exemplo abaixo eu usei o padrão jsNomeDoBotao para que se algum programador ver o nome dessa classe saiba que tem uma função JS atribuida e não apague ou altere o nome
da classe em uma manutenção ou troca de layout do sistema.
<html>
<head>
<title>Validar</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
<form>
<input class="jsNomeDoBotao" type="button" name="botao_1" value="botao 1" /><br/>
<input class="jsNomeDoBotao" type="button" name="botao_2" value="botao 2"/><br/>
<input class="jsNomeDoBotao" type="button" name="botao_3" value="botao 3"/><br/>
<input class="jsNomeDoBotao" type="button" name="botao_4" value="botao 4"/><br/>
<input class="jsNomeDoBotao" type="button" name="botao_4" value="botao 5"/>
</form>
<script type="text/javascript">
// Adiciono um alert para todos os inputs com o nome de class jsNomeDoBotao.
$(".jsNomeDoBotao").bind("click", function(event) {
alert(this.name);
});
</script>
</body>
</html>
Caso tenha alguma duvida uma outro opinião sobre o Post deixe um comentário que terei prazer em ajudar.
Comentários são bem vindos assim posso melhorar a qualidade dos tutoriais e Posts aqui apresentados.
-
Leandro
-
http://www.phaneronsoft.com Marcelo Korjenioski
-
Dr. Web
