Format input text with regular expressions in javascript [duplicate]

Question

I need to format an input text like this: 2342452-1. After typing seven numbers I need to add a dash (-) and then a number again. Is there a simple way of doing this in javaScript?

Yes, using either a search engine like Google or the search field from SO (: — Ele
– Ele, Commented Sep 23, 2018 at 1:07
Take a look at input-mask, this helps me a lot on putting masks in input fields. — Shidersz
– Shidersz, Commented Sep 23, 2018 at 1:10

brk · Accepted Answer · 2018-09-23 01:23:52Z

1

You can check the length and use indexOf to find if this string contains a '-'

function maskinput(e) {
  if (e.target.value.length > 7 && e.target.value.indexOf('-') === -1) {
    let substring1 = e.target.value.slice(0, 7),
      substring2 = e.target.value.slice(7, e.target.value.length);
    e.target.value = substring1 + '-' + substring2;
  }
}

<input type='text' onkeyup='maskinput(event)'>

answered Sep 23, 2018 at 1:23

brk

50.3k10 gold badges59 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Format input text with regular expressions in javascript [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related