將輸入文本拆分為單獨的字段

Question

當我嘗試強制用戶將數據輸入到文本輸入時，我遇到了麻煩。 我需要做類似Windows中IP地址輸入的操作。

我想用點划線將輸入的文本分隔成10-10-10-10

有什么辦法嗎？

Answer 1

http://jsfiddle.net/87dug9oa/1/

function check(text) {
    var result = [];
    text = text.replace(/[^\d]/g,"");
    while (text.length >= 3) {
        result.push(text.substring(0, 3));
        text = text.substring(3);
    }
    if(text.length > 0) result.push(text);
    $("#ip").val(result.join("-"));
}

$("#ip").on("keyup", function() {
    check($(this).val());
});

這將創建一個函數，一旦添加了3個字符（並寫入了第四個字符），就會添加破折號。

現在，它可以完成您想要的操作，但是您需要添加一些其他內容，例如檢查長度和使可移除零件正常工作（因為當您按任意鍵時，它將更改輸入的值，這將使插入符號移動到最后一個字符）。

哦，我差點忘了。 當然，這可以更改為您選擇的長度。 只需將“ 3”更改為其他名稱即可。