jQuery prefil破折号在文本字段中

Question

我有一个文本字段，用户以2012-112233-123的形式输入值。我想在输入输入时自动将破折号添加到字段中。

我可以对keyup事件执行基本检查，检查光标是在第5位还是第12位，但这会导致退格时出现问题（删除后重新添加破折号）。如果可能的话，如果他们决定手动添加短划线，我也会忽略用户输入。

有没有一种简单的方法可以做到这一点，或者我可以使用一个简单的插件？看起来像很多代码并检查我认为是一个相当普遍的要求。

Answer 1

看一下输入掩码。

This jQuery plugin看起来不错。

它允许你做这样的事情：

jQuery(function($){
  $("#date").mask("99/99/9999");
  $("#phone").mask("(999) 999-9999");
  $("#tin").mask("99-9999999");
  $("#ssn").mask("999-99-9999");
});

输入填充时甚至可以使用回调。

Answer 2

我曾经使用过这个插件： http://digitalbush.com/projects/masked-input-plugin/

根据您的需要定义

$(".yourinput").mask("9999-999999-999");