No trabalho diário, filtrar alguns caracteres especiais no formulário é uma função muito comum, como exigir que números simples sejam inseridos no texto, mas os usuários às vezes digitam erroneamente alguns espaços ou texto extras misturados com outros caracteres, o que obviamente não atende aos requisitos de entrada. Vamos aprender a remover os espaços nos dois lados da corda. Antes da filtragem: Após a filtragem: código HTML:
<div> <input id = "nome de usuário" type = "text" placeholder = "por favor, digite o nome de usuário"> <input id = "regra" type = "button" value = "filtro"> </div>
Código CSS:
html, corpo, div, entrada {margem: 0; preenchimento: 0;} .Main {width: 400px; altura: auto; preenchimento: 0 15px; text-align: Center;}.}. input [type = "text"] {text-align: esquerda; preenchimento-esquerda: 15px; tamanho da caixa: caixa de borda; borda: 1px azul sólido;} entrada [type = "button"] {width: 50%; Border: Blue;} @media apenas tela e (maxx-width: 415px) {.Parte do JS:
var username = document.getElementById ('nome de usuário'), regra = document.getElementById ('regra'), regexEmpty =/^(/s |/u00a0)+| (/s |/u00a0)+$/g; regra.OnClick = function () {userName.value = userName.value.replace (regexEmpty, ''); // substituir regularmente o console.log (nome de usuário.value); }O artigo acima remove os espaços nos lados esquerdo e direito da string (código de implementação) é todo o conteúdo que compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.