Меня расстраивает регулярное выражение для маскировки поля ввода. Я хочу ограничить ввод в формате hh: mm AM | PM, и я не могу заставить это регулярное выражение работать.
Я использую это регулярное выражение в сочетании с инструментом jquery из www.ThimbleOpenSource.com. Это был инструмент filter_input.js или что-то еще.
Кажется, что это работает для простого регулярного выражения, но тот, с которым я пришел, не работает. Это моя тестовая ссылка jsFiddle ниже.
Я сделал пример jsfiddle, основанный на регулярном выражении ответа Юрия: http://jsfiddle.net/Evaqk/
$('#test1, #test2').blur(function(){
var validTime = $(this).val().match(/^(0?[1-9]|1[012])(:[0-5]\d) [APap][mM]$/);
if (!validTime) {
$(this).val('').focus().css('background', '#fdd');
} else {
$(this).css('background', 'transparent');
}
});
Прежде всего, если вы используете его для поля ввода, вы никогда не должны позволять пользователям вводить дату или время с помощью текстовых полей и надеяться, что он будет в строгом формате.
Но если вы настаиваете:
/^(0?[1-9]|1[012])(:[0-5]\d) [APap][mM]$/
Это регулярное выражение будет проверять время в формате AM/PM.
Вы не можете сделать это с помощью этого плагина, потому что здесь вам нужно проверить каждый символ.
HTML:
<form>
<p>When?</p>
<input type="text" id="test1" placeholder="hh:mm(AM|PM)"/>
</form>
JavaScript:
$("#test1").keypress(function(e) {
var regex = ["[0-2]",
"[0-4]",
":",
"[0-6]",
"[0-9]",
"(A|P)",
"M"],
string = $(this).val() + String.fromCharCode(e.which),
b = true;
for (var i = 0; i < string.length; i++) {
if (!new RegExp("^" + regex[i] + "$").test(string[i])) {
b = false;
}
}
return b;
});
Итак, я почти уверен, что это разрешено к настоящему времени, но я недавно боролся с этим и не мог найти ответ достаточно быстро. Я использую Bootstrap Validator (bootstrapvalidator.com by @nghuuphuoc) вместе с Eonasdan DateTimepicker для проверки часа (PS: вы можете отключить дату в плагине Eonasdan).
Так как Bootstrap Validator еще не имеет валидатора для времени, вы должны использовать Regex. Это отлично работало для меня:
^([0-1]?[0-9]|2[0-3]):[0-5][0-9] [APap][mM]$
значение возвращаемой функции return (true/false)
function CheckTime(HtmlInputElement) {
var dt = HtmlInputElement.value;
return (/(0?[1-9]|1[0-2]):[0-5][0-9] ?[APap][mM]$/.test(dt));
}
Проверьте это решение.
<!DOCTYPE html>
<html>
<body>
<p>This demo used to validate time with 12 hours format</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var regexp = /^(0?[1-9]|1[012])(:[0-5]\d) [APap][mM]$/;
var res = regexp.test('12:00 AM'); //try with alphabets or wrong format
document.getElementById("demo").innerHTML = res;
}
</script>
</body>
</html>