Dans le travail quotidien, le filtrage de certains caractères spéciaux dans la forme est une fonction très courante, comme nécessiter des nombres simples pour être entrés dans le texte, mais les utilisateurs entrent parfois à tort des espaces supplémentaires ou du texte mélangés avec d'autres caractères, qui ne répond évidemment pas aux exigences d'entrée. Apprenons à retirer les espaces des deux côtés de la chaîne. Avant le filtrage: après filtrage: code HTML:
<div> <input id = "username" type = "text" placeholder = "s'il vous plaît entrez nom d'utilisateur"> <input id = "règle" type = "bouton" value = "filter"> </ div>
Code CSS:
Html, corps, div, entrée {marge: 0; padding: 0;} .main {width: 400px; hauteur: auto; padding: 0 15px; text-align: Center;}. Entrée [Type = "Text"] {Text-Align: Left; Padding-Left: 15px; Box-Sizing: Border-Box; Border: 1px Solid Blue;} Entrée [Type = "Button"] {Width: 50%; Background: Blue;} @media uniquement écran et (max-width: 415px) {.JS Partie:
var username = document.getElementById ('username'), règle = document.getElementById ('règle'), regexEmpty = / ^ (/ s | / u00a0) + | (/ s | / u00a0) + $ / g; Rule.OnClick = function () {username.value = username.value.replace (regexempty, ''); // remplacer régulièrement console.log (username.value); }L'article ci-dessus supprime les espaces sur les côtés gauche et droit de la chaîne (code d'implémentation) est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.