In der täglichen Arbeit ist das Filtern einiger Sonderzeichen im Formular eine sehr häufige Funktion, beispielsweise, dass einfache Zahlen in Text eingegeben werden müssen. Benutzer geben jedoch manchmal fälschlicherweise einige zusätzliche Räume oder Text ein, die mit anderen Zeichen gemischt werden, was offensichtlich nicht die Eingabeanforderungen entspricht. Lassen Sie uns lernen, wie Sie die Räume auf beiden Seiten der Saite entfernen. Vor der Filterung: Nach dem Filterung: HTML -Code:
<div> <input id = "userername" type = "text" placeholder = "Bitte geben Sie den Benutzernamen ein"> <input id = "regel" type = "button" value = "filter"> </div>
CSS -Code:
html, Körper, div, Eingabe {Rand: 0; Polster: 0;}. Main {Breite: 400px; Höhe: Auto; Padding: 0 15px; Text-Align: Mitte; input [type = "text"] {text-align: links; padding-links: 15px; Box-Größe: Border-Box; Border: 1px Solid Blue;} Eingabe [type = "button"] {width: 50%; Hintergrund: blau;} @media nur Bildschirm und (max-width: 415px) {.main {.main {.main {{Width: 100%;JS Teil:
var userername = document.getElementById ('userername'), regel = document.getElementById ('Regel'), regexempty =/^(/s |/u00a0)+| (/s |/u00a0)+$/g; regel.onclick = function () {userername.value = userername.value.replace (regexempty, ''); // regelmäßig Console.log (Benutzername.Value) ersetzen; }Der obige Artikel entfernt die Leerzeichen auf der linken und rechten Seite des String (Implementierungscode) ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.