Break user input in jquery/javascript [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

Questions must demonstrate a minimal understanding of the problem being solved. Tell us what you've tried to do, why it didn't work, and how it should work. See also: Stack Overflow question checklist

Closed 8 years ago.

Improve this question

Is there any way to break user input? ex. A user will type its physical address in a textbox, when he enter his value I want to insert '-' character so that when user will type '002255667788' I can format it automatically '00-22-55-66-77-88'.

Can I do that in keypress?thank you.

Answer 1

You can use the jQuery plugin Mask.

It's pretty simple to use, just add how to you want to format your number:

$(document).ready(function(){
  $('#your_id').mask('11-11-11-11-11');
});

jsFiddle with example.

Answer 2

If you are using jQuery you can listen to the blur event and format the value of the input:

$('#your_input').on('blur', function(){
    //clean the non numeric values
    this.value = this.value.replace(/[^\d]/g,'')
    //place the dashes
    .replace(/(\d{2})/g,'$1-')
})

You can also change the value on key events, but be careful to detect when it's delete, enter, and so on..