quiero hacer un porcentaje de entrada usando javascript
<input type="text" class="form-control" id="amount" name="amount">Hice el js, así que cuando ingreso, está agregando%
var amount = document.getElementById('amount'); amount.addEventListener('input', function(e){ amount.value = amount.value.replace('%','') + '%'; })pero aún puede ingresar caracteres, solo quiero permitir el número 1-100, ¿es posible?
o tal vez tenga una sugerencia sobre qué es mejor ingresar para el porcentaje
El atributo de type de entrada HTML permite el valor number , por lo que solo podrá aceptar valores numéricos. Y también puede pasar un atributo max que establecerá un límite para el número ingresado. p.ej:
<input type="number" class="form-control" id="amount" name="amount" max="[YOUR_NUMBER]">Editar: aún puede validar su entrada con una función JS.
<input type="text" class="form-control" id="amount" name="amount"> let amount = document.getElementById('amount'); amount.addEventListener('input', function(e){ amount.value = amount.value.replace('%','') let tmpValue = +amount.value amount.value = 0 <= tmpValue <= 100 ? tmpValue + '%' : "[VALUE IF NOT 1<AMOUNT<100]"; })Un poco tarde. Este es un ejemplo interesante. Uno podría incorporar algo más de lógica aquí. El siguiente ejemplo solo permite números entre 0 y 100 y agrega el % al final. Una vez que haya ingresado un número hasta un máximo de uno, debe comenzar de nuevo. aquí habría que construir una nueva lógica.
let amount = document.getElementById('amount'); amount.addEventListener('input', function(){ const n = amount.value.replace('%',''); if ( n >= 0 && n <= 100 ) { amount.value = amount.value.replace('%','') + '%' } else { amount.value = n.slice(0, -1) + '%' } }) <input type="text" class="form-control" id="amount" name="amount">