在jquery / javascript中打破用户输入

Question

有没有办法打破用户输入？ 恩。用户将在文本框中键入其物理地址， 当他输入他的价值时，我想插入' - '字符 这样当用户输入'002255667788'时 我可以自动格式化'00 -22-55-66-77-88'。

我可以在按键时执行此操作吗？谢谢。

Answer 1

您可以使用jQuery plugin Mask。

使用起来非常简单，只需添加如何格式化数字：

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

jsFiddle 示例。

Answer 2

如果您使用的是jQuery，您可以收听模糊事件并格式化输入值：

$('#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等等。