Capítulo 10

REgExp - Máscara para CPF com ER

JavaScript

<script type="text/javascript">
var padrao = /^([\d]{3})([\d]{3})([\d]{3})([\d]{2})$/;
function mascaraCpf() {
	var cpf = document.forms[0].elements[0].value;
	if( !padrao.test(cpf) ) {
	alert('Entre os 11 números do CPF\nsem pontos e traço');	
	} else {
	document.forms[0].elements[0].value = cpf.replace(padrao, '$1.$2.$3-$4');
	};
}	
<script>

HTML

<form action="" method="get">
<label> CPF: <input type="text" onblur="mascaraCpf()" /></label>
</form>

Arquivos exemplo: « anterior | capítulo 11 »

Entre os 11 números do CPF e saia do campo

CPF: