Masked Input Plugin

by Renilson Meneguci

HTML

<script src="http://digitalbush.com/2010/12/22/state-of-the-masked-input-plugin/"></script>
<script src="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.js"></script>
<div id="demo">
    
    <h3>Masked Input Plugin.</h3>
    <p>&nbsp;</p>
    
    <table border="0"><tbody><tr>
        <tr><td>Phone</td><td><input
id="phone" type="text" tabindex="3" /></td><td>(99) 9999-9999?9</td></tr></tbody></table></div

CSS

* { font-family:arial; }
td { padding:7px; }
h3 { font-weight:bold; }

JavaScript

jQuery("input#phone")
        .mask("(99) 9999-9999?9")
        .focusout(function (event) {  
            var target, phone, element;  
            target = (event.currentTarget) ? event.currentTarget : event.srcElement;  
            phone = target.value.replace(/\D/g, '');
            element = $(target);  
            element.unmask();  
            if(phone.length > 10) {  
                element.mask("(99) 99999-999?9");  
            } else {  
                element.mask("(99) 9999-9999?9");  
            }  
        });
$("#phone").mask("(99) 9999-9999?9");