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等。