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");