Demo for jQuery Masked Input

Stack Overflow demo for the jQuery Masked Input plugin

HTML

<script src="http://cloud.github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.js"></script>
<textarea id="dnIndividualFieldNameTextArea" type="text" rows="10" cols="73" >
</textarea>

JavaScript

var prefix = "SELECT TOP 1 ";
var maxLength = 10;
var regrexStr = prefix;
for(var i = 0; i < maxLength; i++){
    regrexStr += "A";
}
var options = {
    placeholder: ""
 };

$.mask.definitions['A'] = ".*";

$("#dnIndividualFieldNameTextArea").mask(regrexStr, options);
$("#dnIndividualFieldNameTextArea").val(prefix);

$("#dnIndividualFieldNameTextArea").on("focusout", function(){
       $("#dnIndividualFieldNameTextArea").unmask();
});


$("#dnIndividualFieldNameTextArea").on("focusin", function(){
       $("#dnIndividualFieldNameTextArea").mask(regrexStr, options);
       $("#dnIndividualFieldNameTextArea").val(prefix +"1");
});