Boa tarde, preciso de uma mascara valida de time
onde Horas aceita até 23
e minutos até 59
alguém poderia me ajudar ?
Tente isso amigo:
<script src="https://code.jquery.com/jquery-git.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.10/jquery.mask.min.js"></script>
<input type="text" id="txtTesteMask" />
<script type="text/javascript">
var txtMask = $("#txtTesteMask");
txtMask.mask("99:99");
txtMask.blur(function () {
if (txtMask.val().search(":") == -1 || txtMask.val().length != 5) {
alert('erro');
txtMask.focus();
}
else {
var horaseMinutos = txtMask.val().split(':');
if (!$.isNumeric(horaseMinutos[0]) || !$.isNumeric(horaseMinutos[1])) {
alert('erro');
txtMask.focus();
} else {
var horas = parseInt(horaseMinutos[0]);
var minutos = parseInt(horaseMinutos[1]);
if (horas < 0 || horas > 23) {
alert('erro');
txtMask.focus();
} else
if (minutos < 0 || minutos > 59) {
alert('erro');
txtMask.focus();
}
}
}
})
</script>
Amigo funcinou, eu já aprovei e fiz uma modificação no meu sistema, muito obrigado!
var txtMask = $("#txtTesteMask");
txtMask.mask("99:99");
txtMask.blur(function () {
if (txtMask.val().search(":") == -1 || txtMask.val().length != 5) {
if (txtMask.val().search(":") == -1 || txtMask.val().length != 5) {
$('[name="hea1"]').val('');
$('#hea1-msg').show();
$('#hea1-msg').text('Horario invalido.');
} else {
$('#hea1-msg').hide();
}
}
else {
var horaseMinutos = txtMask.val().split(':');
if (!$.isNumeric(horaseMinutos[0]) || !$.isNumeric(horaseMinutos[1])) {
if (!$.isNumeric(horaseMinutos[0]) || !$.isNumeric(horaseMinutos[1])) {
$('[name="hea1"]').val('');
$('#hea1-msg').show();
$('#hea1-msg').text('Horario invalido.');
}
else {
$('#hea1-msg').hide();
}
} else {
var horas = parseInt(horaseMinutos[0]);
var minutos = parseInt(horaseMinutos[1]);
if (horas < 0 || horas > 23) {
$('[name="hea1"]').val('');
$('#hea1-msg').show();
$('#hea1-msg').text('Horario invalido.');
} else {
$('#hea1-msg').hide();
}
}
}
});
Você pode utilizar o jQuery Masked Input
Por exemplo:
$.mask.definitions['H'] = "[0-2]"; // seta as mascaras
$.mask.definitions['h'] = "[0-9]";
$.mask.definitions['M'] = "[0-5]";
$.mask.definitions['m'] = "[0-9]";
$("#horario").mask("Hh:Mm", {
completed: function() { // valida o horario
var currentMask = $(this).mask();
if (isNaN(parseInt(currentMask))) {
$(this).val("");
} else if (parseInt(currentMask) > 2359) {
$(this).val("23:59");
};
}
});
-
Sim amigo eu uso, porem o mask aceita como horas 99:99 No meu caso meu campo de horas pode aceitar no máximo 23:59 – Leonardo Macedo 4/05/17 às 18:58
-
-
-
-
Complete a sua pergunta com a sua estrutura de HTML e o pedaço de JS onde você executa a função – Leonardo Pessoa 4/05/17 às 19:05