3

ユーザーが自由形式の形式で数字を入力できるように、時間のエントリの特性を変更するマスクプラグインを使用してフォーム入力を構築したいと思います。システムは、jQueryを使用して入力された数字を適切な時間表示に変換します。 。

例：ユーザーが「135」と入力し、システムがこれを「01:35」に変換する</ p>

マスクのコードは次のとおりです。

$("input.time").mask("99:99");

これまでのところ、以下のコードがあります。

$(document).ready(function() {
$('#awareness-hour').blur(function() {
    if(!$('#awareness-hour').val().match(/([0-1][0-9]|2[0-3]):[0-5][0-9]/)){
        alert('invalid');           
    }else{
        return true;
    };
});
});
4

1 に答える 1

2

これにより、言及したシナリオが修正され、2番目の正規表現によると有効な時間である場合にのみ入力が更新されます。うまくいけば、アイデアが得られ、これが機能します。

$("input.time").blur(function() {       
    var userInput = $(this).val().replace(/^([0-9])([0-9]):([0-9])_$/, "0$1:$2$3");     
    if(!userInput.match(/([0-1][0-9]|2[0-3]):[0-5][0-9]/)){
        alert('invalid');           
    }else{
        $(this).val(userInput);
        return true;
    };
}).mask("99:99");
于 2012-10-19T19:13:45.217 に答える