JSFiddle - React, Tailwind, and code Playground

by arjuncc

HTML

<input type="text" id="txt_birthNo" />

JavaScript

function BirthNumberFormater(elementId) {
self = this;
self.UI_PATTERN = "______/____";
self.elementId = elementId;
self.getElement = function() {
 return document.getElementById(elementId);
}

self.setCaretPosition function(caretPos) {
    var elem = self.getElement();
    if(elem != null) {
        if(elem.createTextRange) {
            var range = elem.createTextRange();
            range.move('character', caretPos);
            range.select();
        }
        else {
            if(elem.selectionStart) {
                elem.focus();
                elem.setSelectionRange(caretPos, caretPos);
            }
            else
                elem.focus();
        }
    }
}
}

var birthNumberFormater = new BirthNumberFormater("txt_birthNo");


var txtField = document.getElementById("txt_birthNo");
var constVal = "______/____";
txtField.onkeyup = function(){

}