Textbox input character pattern?

i want textbox input pattern like this (1111-111111-5254) and i used this code ,means that when i select row from gridview for editing then in popup window textbox show(-) ,but below code is not working

//CNIC
$("#txtCNIC").attr('maxlength', '16');
$('#txtCNIC').on('keyup', function () {
var inp = $('#txtCNIC').val();
var noinp = inp.split('-').join('');
if (noinp.length > 4 && noinp.length <= 10) {
$('#txtCNIC').val(noinp.substring(0, 4) + '-' + noinp.substring(4, noinp.length));
} else if (noinp.length > 10 && noinp.length <= 14) {
$('#txtCNIC').val(inp.substring(0, 11) + "-" + noinp.substring(10, noinp.length));
}
});

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Priyanka Jain7y ago
Accepted answer
Try using

https://forums.asp.net/t/1409959.aspx?set+mask+to+TextBox+Web+control

or you can use Jquery input mask plugin

https://www.jqueryscript.net/form/Easy-jQuery-Input-Mask-Plugin-inputmask.html
Rajanikant Hawaldar7y ago
Hi Akther, this may help.
https://www.jqueryscript.net/form/Input-Field-Data-Formatting-Plugin-Mask.html
https://stackoverflow.com/questions/43974566/html-textbox-input-pattern-0000000-0000