javascript - jquery/javascript でユーザー入力を中断する

Question

ユーザー入力を中断する方法はありますか? 元。ユーザーはテキストボックスに物理アドレスを入力し、値を入力するときに「-」文字を挿入して、ユーザーが「002255667788」と入力したときに自動的に「00-22-55-66-77-88」にフォーマットできるようにします'。

キープレスでそれを行うことができますか?ありがとう。

Answer 1

jQuery プラグイン Maskを使用できます。

使い方は非常に簡単です。数値をフォーマットする方法を追加するだけです。

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

jsFiddleの例。

Answer 2

jQuery を使用している場合は、blur イベントをリッスンして、入力の値をフォーマットできます。

$('#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-')
})

キー イベントの値を変更することもできますがdelete、enter、 などの場合は注意して検出してください。