Maintenant, il y a une exigence comme indiqué dans la figure ci-dessous:
Le chef de produit a déclaré que le numéro de carte ne peut que saisir les numéros (les espaces au milieu sont ajoutés par le format et sont également mis en œuvre par JS). Parfois, un son apparaît dans mon esprit. Quel est le problème? J'ajoute juste Type = numéro. En fait, j'ai trouvé que le dessin est cassé. Je ne dirai pas qu'il y aura une marque supérieure et inférieure après le type = nombre (bien qu'elle puisse être tuée avec CSS), mais ce type prend en charge les méthodes d'entrée scientifiques, qui sont des points décimaux et E qui peuvent être entrés, donc je ne peux utiliser que d'autres méthodes. Plus tard, je voulais utiliser la recherche pour le tuer si je suis entré dans un non-nombre, mais je peux toujours le saisir, et l'idée est rappelée. J'ai donc finalement adopté la méthode de contrôle d'entrée du clavier. C'est en fait très simple, le code est le suivant:
var isNumber = function (keyCode) {// nombre if (keycode> = 48 && keyCode <= 57) {return true; } // petit clavier numérique if (keyCode> = 96 && keycode <= 105) {return true; } // TAB BackSpace, Del, Keys de flèche gauche et droite if (keycode == 9 || keyCode == 8 || keycode == 32 || keycode == 46 || keycode == 37 || keycode == 39) {return true; } return false}Le contrôle de l'entrée du clavier est de déterminer le type d'entrée en fonction de l'entrée du keycode sur le clavier, c'est-à-dire pour obtenir la valeur Unicode de la touche de clavier appuyée. Le keycode correspondant à chaque touche du clavier est fixe. Il existe de nombreuses tables de comparaison sur Internet, donc je ne les publierai pas ici. Chaque fois que la touche appuye sur le contrôle du kicode correspondant, puis comparez s'il est légal. Il convient de noter que les plus légaux ici ne sont pas seulement les chiffres, mais aussi les onglets UP, Down, gauche et droite et les clés de flèche d'espace. Les instructions de fonctionnement de l'utilisateur ne peuvent pas être désactivées. Que diriez-vous, cela semble très simple.