Validar Forms em JavaScript
Ótimo para servir de ponto de partida para a construção de seu validador
Ótimo artigo que deixa claras as desvantagens de se usar máscaras de campo
O que é validação de formulários
Verificação se um campo é válido em relação a uma regra
Será que é a melhor opção?
Ver: http://justaddwater.dk/2006/03/29/how-to-indicate-required-or-optional-form-fields/
Antes do preenchimento do campo
Após o preenchimento do campo
Onde deve ser feita
Quando deve ser feita
Utilização de máscaras
Como deve ser feita
<script type="text/javascript">
function validarCampo()
{
...
}
document.getElementById("x").onkeypress=validarCampo;
</script>
...
<input type="text" id="x">
<script type="text/javascript">
function validarCampo()
{
...
}
var xs = getElementsByClassName("x");
for(var i=0;i<xs.length;i++)
xs[i].onkeypress=validarCampo;
</script>
...
<input type="text" class="x">
function hasClass(ele,cls) {
return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function addClass(ele,cls) {
if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}
function removeClass(ele,cls) {
if (hasClass(ele,cls)) {
var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
ele.className=ele.className.replace(reg,' ');
}
}
//call the functions
//addClass(document.getElementById("test"), "test");
//removeClass(document.getElementById("test"), "test")
//if(hasClass(document.getElementById("test"), "test")){//do something};