Como verificar se a string contém números e letras em javascript
Este blog explicará os métodos para verificar se a string contém números e letras em javascript.
Como verificar/verificar se uma string específica contém números e letras em javascript?
Para verificar se uma string contém números e letras no JavaScript, os seguintes métodos podem ser utilizados:
- ““Expressão regular" e "addEventListener ()”Método
- ““Expressão regular" e "corresponder()”Método
- ““Expressão regular" e "teste()”Método
Vamos verificar cada um dos métodos um por um!
Método 1: Verifique se a string contém números e letras em javascript usando expressão regular e método addEventListener ()
A "expressão regular”É uma sequência de caracteres que forma um padrão de pesquisa, e o“addEventListener ()”Método mescla um manipulador de eventos para um documento. Esses métodos podem ser implementados para aplicar uma expressão regular ao valor fornecido e executar a verificação necessária.
Sintaxe
/padrão/modificadores;Aqui, "padrão”É uma expressão regular e“modificadores”Consulte um modificador.
documento.addEventListener (evento, função)Na sintaxe acima, “evento”Refere -se ao evento especificado e“função”É a função que será invocada quando o evento especificado for acionado.
Exemplo
No exemplo a seguir, criaremos um botão e incluiremos um título no e
Tags, respectivamente:
Resultado
Agora, acesse o botão criado e o cabeçalho usando o “documento.QuerySelector ()”Método e armazene -os nas variáveis especificadas:
Let Button = Documento.QuerySelector ("Button");Deixe o outputmsg = documento.QuerySelector ("H2");
Depois disso, armazene um valor alfanumérico em uma variável chamada “verificar”Que será usado para verificar a condição específica:
deixe checar = "javascript40";Em seguida, aplique a expressão regular na qual “[A-ZA-Z]”Combina qualquer personagem da minúscula“a"Através da mancha"Z" e "[0-9]”Refere -se aos números de 0 a 9:
Seja regexp = /^(?=.*[a-za-z]) (?=.*[0-9])/;Finalmente, anexe um evento chamado “clique”Para o botão criado. Aqui, aplique a expressão regular específica no valor específico a ser verificado usando o “teste()”Método. Caso a condição seja avaliada como verdadeira, a mensagem “Números e letras continham!”Será exibido no Modelo de Objeto do Documento (DOM):
botão.addEventListener ("clique", () =>Let Ismatch = regexp.teste (verificação)
Let Result = IsMatch ? "Números e letras continham!":" Por favor, digite números e letras!";
outputMSG.inerText = resultado;
);
A implementação acima resultará na seguinte saída:
Método 2: Verifique se a string contém números e letras em JavaScript usando o operador regex e o método correspondente ()
O "corresponder()”O método corresponde a uma string em relação à string adicionada ou expressão regular. Mais especificamente, usaremos esses métodos para incluir um campo de entrada, aplicar uma verificação nos valores inseridos e retornar o resultado correspondente por meio de um alerta.
Sintaxe
corda.Match (Regex)Na sintaxe dada, “regex”Refere -se à expressão regular que precisa ser combinada com o valor da string fornecido.
O exemplo a seguir explica o conceito declarado.
Exemplo
Primeiro, inclua um campo de texto de entrada com o ID especificado para inserir os valores. Além disso, crie um botão com um “ONCLICKEvento que invocará o “Numlett ()”Quando desencadeado:
Digite números e letras
Em seguida, defina uma função chamada “Numlett ()”. Em sua definição, busque o tipo de entrada especificado antes aplicando o “documento.getElementById ()”Método. Depois disso, aplique uma expressão regular, conforme discutido no método anterior e corresponda ao valor da string com a expressão usando o “corresponder()”Método.
Nesse caso, se os valores forem correspondidos com o regex adicionado, a mensagem especificada será exibida com a ajuda de uma caixa de alerta:
functionNumlett ()var check = documento.getElementById ("myInput");
var regex = /^(?=.*[a-za-z]) (?=.*[0-9])/;
se (verifique.valor.Match (regex))
alerta ("números e letras contidas!");
outro
alerta ('digite números e letras!');
Saída
Método 3: Verifique se a string contém números e letras em JavaScript usando o método de expressão regular e test ()
O javascript “teste()”Testes de método para uma partida na string dada. Este método pode ser aplicado para testar vários valores atribuídos com base na expressão regular.
Sintaxe
Regexpobject.Teste (STR)Aqui, "corda”Refere -se à sequência específica que precisa ser testada.
Exemplo
Em primeiro lugar, atribua diferentes tipos de valores a três constantes, incluindo a combinação de números, letras e caracteres especiais:
const check1 = 'javascript40';const check2 = 'números e letras';
const check3 = 'com símbolos !@#$%^& ';
Agora, defina uma função chamada “Numlett ()”E Passe“str”Em seu argumento que se refere ao valor atribuído que precisa ser verificado.
Por fim, teste os valores com base na expressão regular, invocando a função numlett ():
função numlett (str)retornar /^[a-za-z0-9]*$ /.teste (str);
console.log ("A condição é:", numlett (check1));
console.log ("A condição é:", numlett (check2));
console.log ("A condição é:", numlett (check3));
Na saída a seguir, o valor booleano “verdadeiro”Indica que a string específica“check1”Contém os números e as letras:
Fornecemos os métodos mais simples para verificar se uma string contém números e letras em javascript.
Conclusão
Para verificar/verificar se uma string contém números e letras em js, utilize o regexp e o “addEventListener ()”Método para aplicar uma expressão regular e um evento de clique para executar a verificação no botão Clique, o“corresponder()”Método para incluir um campo de entrada, aplicar uma verificação nos valores inseridos e retornar o alerta correspondente ou o“teste()”Método para testar vários valores com base na expressão regular. Este manual explicou os métodos para verificar se os números e letras estão contidos em uma string em JavaScript.