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 

Geralmente Indicado pelo *

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};