Masked Input Example

Example

JavaScript

<script src="maskedinput.js" type="text/javascript"></script>
<script type="text/javascript">
    jQuery(function($){
            $("#dob").mask("99/99/9999");
            $("#phone").mask("(999) 999-9999");
            $("#ssn").mask("999-99-9999");
            $("#height").mask("9'99''");
            $("#creditCardNumber").mask("9999-9999-9999-9999");
    });
</script>

HTML

<form id="theForm">
    <p><label for="dob">Date of Birth</label> <input id="dob" /></p>
    <p><label for="phone">Phone Number</label> <input id="phone" /></p>
    <p><label for="ssn">Social Security Number</label> <input id="ssn" /></p>
    <p><label for="height">Height</label> <input id="height" /></p>
    <p><label for="creditCardNumber">Credit Card</label> <input id="creditCardNumber" /></p>
</form>