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

Question

我想使用掩码插件构建一个表单输入，它将更改条目的时间特征，以允许用户以自由格式格式输入数字，系统将使用 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;
    };
});
});

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