En el trabajo diario, filtrar algunos caracteres especiales en la forma es una función muy común, como requerir que se ingresen números simples en texto, pero los usuarios a veces ingresan por error algunos espacios adicionales o texto mezclado con otros caracteres, que obviamente no cumple con los requisitos de entrada. Aprendamos cómo eliminar los espacios en ambos lados de la cadena. Antes de filtrar: después del filtrado: código HTML:
<Viv> <input id = "username" type = "text" placeHolder = "Por favor, ingrese el nombre de usuario"> <input id = "regla" type = "button" value = "filter"> </div>
Código CSS:
html, cuerpo, div, entrada {margen: 0; relleno: 0;} .Main {ancho: 400px; altura: auto; relleno: 0 15px; text-align: centro;} .main entrada {viñeta: 100%; altura: 35px; Ninguno; margen-top: 20px; fronterizo: 5px;} entrada [type = "text"] {text-align: izquierda; padding-left: 15px; box-sizing: border-box; border: 1px sólido azul;} input [type = "botón"] {ancho: 50%; fondos: blue;} pantalla solo de medidas y (max-width: 415px) {.Main {whidth: 100%; border: border-boxe;};}JS PARTE:
var userName = document.getElementById ('username'), regla = document.getElementById ('regla'), regexempty =/^(/s |/u00a0)+| (/s |/u00a0)+$/g; regido.OnClick = function () {username.value = username.value.replace (regexempty, ''); // reemplazar regularmente console.log (username.value); }El artículo anterior elimina los espacios en los lados izquierdo y derecho de la cadena (código de implementación) es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.