Update/Edit: Obviously the most simple solution today with widespread HTML5 support is to use <input type="date" name="yourName">
.
For those complaining that it doesn’t accommodate backspaces or pasting, I modified the original:
//Put our input DOM element into a jQuery Object
var $jqDate = jQuery('input[name="jqueryDate"]');
//Bind keyup/keydown to the input
$jqDate.bind('keyup','keydown', function(e){
//To accomdate for backspacing, we detect which key was pressed - if backspace, do nothing:
if(e.which !== 8) {
var numChars = $jqDate.val().length;
if(numChars === 2 || numChars === 5){
var thisVal = $jqDate.val();
thisVal += "https://stackoverflow.com/";
$jqDate.val(thisVal);
}
}
});
`
Working Fiddle: https://jsfiddle.net/ChrisCoray/hLkjhsce/