input - kun tal

<style type="text/css">
.zip-a {
    text-align: right;
    color: #ccc;
}
.zip-b {
    color: #ccc;
}
</style>
<script type="text/javascript">
function hndlFocus(elm, bBlur) {
    if (bBlur && elm.value=="") {
        elm.value = elm.defaultValue;
        elm.style.color = "#ccc";
    } else {
        if (elm.value==elm.defaultValue) elm.value = "";
        elm.style.color = "#000";
    }
}
function kUp(elm) {
    elm.value = elm.value.replace(/\D/g, "");
    if (elm.value.length===6) document.getElementById("zip_b").focus();
}
function kUp2(elm) {
    elm.value = elm.value.replace(/\D/g, "").substr(0,4);
}
</script>

<p>
    <input class="zip-a" name="zip_a" type="text" size="4" value="ddmmyy"
        onkeyup="kUp(this)" onfocus="hndlFocus(this)" onblur="hndlFocus(this, true)"> - <input
        class="zip-b" id="zip_b" name="zip_b" type="text" size="2" value="1234"
        onkeyup="kUp2(this)" onfocus="hndlFocus(this)" onblur="hndlFocus(this, true)">
</p>

<style type="text/css">
.zip-a {
    text-align: right;
    color: #ccc;
}
.zip-b {
    color: #ccc;
}
</style>
<script type="text/javascript">
function hndlFocus(elm, bBlur) {
    if (bBlur && elm.value=="") {
        elm.value = elm.defaultValue;
        elm.style.color = "#ccc";
    } else {
        if (elm.value==elm.defaultValue) elm.value = "";
        elm.style.color = "#000";
    }
}
function changeFocus() {
    document.getElementById("zip_b").focus();
}

function kDown(elm, e) {
    var kC = e.keyCode,
    sId = elm.getAttribute("id"),
    nLen = sId==="zip_b" ? 4 : 6;
    if ( ((kC>47&&kC<58) || (kC>95&&kC<106)) && elm.value.length<nLen) {
        if (nLen===6 && elm.value.length===5) setTimeout(changeFocus, 10)
        return true;
    }
    if ( ((kC>7&&kC<10) || (kC>36&&kC<41) || kC===9) ) {
        return true;
    }
    e.cancelBubble = true;
    e.returnValue = false;
    if (e.stopPropagation) e.stopPropagation();
    if (e.preventDefault) e.preventDefault();
   
}
</script>

<p>
    <input class="zip-a" name="zip_a" type="text" size="4" value="ddmmyy" onkeydown="kDown(this, event)"
        onfocus="hndlFocus(this)" onblur="hndlFocus(this, true)"> - <input
        class="zip-b" id="zip_b" name="zip_b" type="text" size="2" value="1234" onkeydown="kDown(this, event)"
        onfocus="hndlFocus(this)" onblur="hndlFocus(this, true)">
</p>

$(document).ready(function() {
    $("#txtboxToFilter").keydown(function(event) {
        // Allow: backspace, delete, tab, escape, and enter
        if ( event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 ||
            // Allow: Ctrl+A
            (event.keyCode == 65 && event.ctrlKey === true) ||
            // Allow: home, end, left, right
            (event.keyCode >= 35 && event.keyCode <= 39)) {
                return;
        }
        else {
            // Ensure that it is a number and stop the keypress
            if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105 )) { 
                event.preventDefault();
            } 
        }

        if(  $("#txtboxToFilter").val().length == 6 )
      {
            event.target.value = event.target.value + "-";
      }
    });
});