Notacja naukowa a obsługiwanie inputa

Question

Komponent kontrolowany w React - input typu "number". Jak wykluczyć możliwość użycia w nim notacji naukowej z "e"?

Comments

może tak, dodaj do inputa

 

onkeypress="return (event.charCode == 8 || event.charCode == 0 || event.charCode == 13) ? null : event.charCode >= 48 && event.charCode <= 57"

 

Answer 1

Czy na pewno chcesz wykluczyć tą możliwość? Czy może po prostu nie możesz sparsować tego formatu?

https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement

Jeśli to drugie, to może użyj .valueAsNumber

Answer 2

Możesz zrobić to sprytnie, zamiast blokować bo to może nie zadziałać, wykluczyć  te możliwości z tego co uzyskałeś od klienta 
przykład dla inputu to realizacja funkcji  z pomocą wyrażenia regularnego 

$("#input").on("input", function() {
  var nonNumReg = /[^0-9]/g
  $(this).val($(this).val().replace(nonNumReg, ''));
});

lub wykluczać jeśli element notacji się pojawi 

var inputBox = document.getElementById("inputBox");

var invalidChars = [
  "-",
  "+",
  "e",
];

inputBox.addEventListener("keydown", function(e) {
  if (invalidChars.includes(e.key)) {
    e.preventDefault();
  }
});