使用jQuery以自由格式将数字输入到屏蔽输入字段中

Question

我想使用掩码插件构建一个表单输入，这将改变条目的特性，以允许用户以自由格式输入数字，系统将使用jQuery将输入的数字转换为正确的时间显示。

示例：用户输入“135”并将系统转换为“01:35”

掩码的代码是：

$("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;
    };
});
});

Answer 1

这将更正您提到的方案，并仅在根据您的第二个正则表达式的有效时间更新输入。 希望你能得到这个想法，这有效：

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