Я хочу отключить событие изменения по умолчанию для введенного номера. Я не хочу удалять стрелки, я просто хочу настроить значение, которое пользователь увидит при вводе:
https://codepen.io/vendramini/pen/gNbVoe
<form id="myform">
<input class="number-padding" type="number" required pattern="[0-9]{2}" />
<input type="submit" />
</form>
(function($) {
$("#myform").submit(e => {
e.preventDefault();
alert("form sent!");
return false;
});
$(".number-padding").on("change", function(e) {
e.preventDefault();
if ($(this).val() < 10) {
$(this).val("0" + $(this).val());
}
return false;
});
})(jQuery);
Просто скажите мне, если это возможно сделать без создания мегапиксельного компонента с нуля, или получить весь фреймворк только для этого. Спасибо!
Редактировать:
Лучшая ссылка, которую я нашел, была response-numeric-input , но я не использую React. Я принимаю jQuery libs, который делает то же самое.