jquery - TextBox テキストの n 番目に文字を追加する

Question

「。」を追加したい。テキストボックス文字列内の 4 番目の文字。

文字列が「1234567」の場合のように、123.4567 になるはずです。また、10 進数を 4 桁に制限したいと考えています。

JQueryで開催してください。

編集:

数字を入力すると（このために、数字のみを許可するチェックを実装しました）、3文字の後に「。」自動的に表示されるはずです。

Answer 1

デモ

$('#textbox').attr("maxlength", 8);
$('#textbox').val(function() {
        return $(this).val().substr(0,3) + '.' + $(this).val().substr(3);
});

デモ

$('#textbox').keyup(function() {
    var this1 = $(this);
    if(this1.val().length >= 3){
        this1.val(this1.val().substr(0,3)+'.'+this1.val().substr(4));
    }
});

更新されたデモ

$('#textbox').attr("maxlength", 8);
$('#textbox').keyup(function (e) {
    var this1 = $(this);
    if (this1.val().length > 3 && e.which != 8) {
        this1.val(this1.val().substr(0, 3) + '.' + this1.val().substr(4));
    }else if(this1.val().length == 3 && e.which != 8){
        this1.val(this1.val().substr(0, 3) + '.');
    }
});

Answer 2

このように簡単です：

$('#textbox').val(function() {
    return this.value.substr(0, 3) + '.' + this.value.substr(3);
});

ワーキングデモ

Answer 3

$('#textbox').val(
    $('#textbox').val().substring(0,2) +
    '.' + 
    $('#textbox').val().substring(3)
 );