Input field for bank account number

Question

I need to create form input field for inputing bank account number. Than number has max = 18 number and min 18 numbers.

algorithm is next (3+13+2)

So i cant use clasic input text box i need special text box where i will have slash that separates that numbers like on screenshot:

How can i create textbox like above using javascript and html

Whay question is down voted? I dont know what is wrong in question — Ivan, May 20 '16 at 22:13

score 2 · Accepted Answer · edited May 23 '17 at 12:07

2

This is very similar to this question: How to implement an input with a mask

The selected answer includes a link to a jQuery plugin that would work like this for your example:

$(function(){
    $("#field").mask("999 - 9999999999999 - 99");
});

Of course javascript can't solve everything and inputs should be validated server side as well.

edited May 23 '17 at 12:07

Community

answered May 20 '16 at 22:15

coyotte508

score 1 · Answer 2 · answered May 20 '16 at 22:17

sometime ago I used a pluggin named "formatter.js" it is really easy to use, I will give you and example:

var formatted = new Formatter(document.getElementById('elementToFormat'), {
  'pattern': '{{999}}-{{9999999999999}}-{{99}}',
  'persistent': true
});

you can find that library to download and find the documentation in the following link, here or you can install that with bower

bower install formatter

2 Answers2