Como adicionar uma máscara de números em Javascript, aonde iremos limitar que em um campo (input text) seja digitado apenas valores numéricos.
Existem diversas formas de você fazer isso, algumas mais simples e outras mais complicadas, porém todas irão funcionar.
A vantagem de se utilizar javascript é a sua simplicidade e compatibilidade.
Chega de perder tempo, vamos lá!
No evento onkeypress temos:
return event.charCode >= 48 && event.charCode
Com event.charCode conseguimos saber qual tecla foi pressionada por meio do seu “charCode”, utilizando de uma validação simples, limitamos para que seja aceito apenas os números “códigos” das teclas numéricas, que são sequências e estão entre os códigos 47 e 59, simplificando ainda mais a validação.
Com HTML 5, basta você declarar o tipo do input como “number”
Ele ainda tem alguns problemas de compatibilidade e o seu comportamento nos navegadores ainda não é padronizado.
Você também pode utilizar jQuery, que não deixa de ser Javascript..
$("#seu_campo_numerico").keydown(function (e) { if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 || (e.keyCode == 65 && (e.ctrlKey === true || e.metaKey === true)) || (e.keyCode == 67 && (e.ctrlKey === true || e.metaKey === true)) || (e.keyCode == 88 && (e.ctrlKey === true || e.metaKey === true)) || (e.keyCode >= 35 && e.keyCode 57)) && (e.keyCode 105)) { e.preventDefault(); } });
Segurança: Atualizações frequentes geralmente incluem patches de segurança para corrigir vulnerabilidades identificadas. Ao manter o Magento atualizado, você reduz significativamente…
Como adicionar uma mensagem de Alerta ou Aviso do Admin do Magento 2 Injete o Magento\Framework\Message\ManagerInterface no construtor da sua…
Para exibir as mensagens adicionadas na classe Magento\Framework\Message\ManagerInterface em um arquivo .phtml, você pode usar o seguinte código: <?php $objectManager…
Para criar um script no Magento 2 que exporte as categorias para um arquivo XML com o nome da categoria,…
Para definir um vídeo MP4 como plano de fundo em um <div> usando HTML e CSS, você pode seguir estas…
Como desativar o "lastname" no Magento 2 e Adobe Commerce Desativando a obrigatoriedade do campo Execute a SQL abaixo diretamente…
Ver comentários
Amigo, gostei muito da simplicidade do Código em JavaScript, porém ele não aceita submit ao pressionar o Enter