Validação de JavaScript: tudo o que você precisa saber sobre validação de formulários e e-mail



Este artigo sobre validação de JavaScript fornecerá conhecimento aprofundado sobre a validação de formulários. Ele fornecerá um exemplo para validar um formulário usando javascript.

JavaScript é uma das linguagens mais populares em , Desenvolvimento de front-end e back-end. É usado para criar websites com um design elegante. Em JavaScript, a validação é usada para autenticar um usuário. Nisso Validação de JavaScript artigo, você aprenderá sobre a validação de formulário na seguinte sequência:

O que é JavaScript?

é um alto nível, interpretado linguagem de programação usada para tornar as páginas da web mais interativas. É um muito poderoso lado do cliente linguagem de script quetorna sua página da Web mais animada e interativa.





Javascript - validação de javascript - edureka

É uma linguagem de programação que ajuda você a implementar um complexo e lindo design em paginas web . Se você deseja que sua página da web pareça viva e faça muito mais do que apenas ficar boquiaberta, JavaScript é essencial.



Recursos do JavaScript:

  • É uma linguagem de script e não tem nada a ver com . Inicialmente, foi nomeado Mocha , depois mudou para LiveScript e finalmente foi nomeado como JavaScript .

    elenco duplo para int java
  • JavaScript é um baseado em objeto linguagem de programação que suporta polimorfismo, encapsulamento e herança também.



  • Você pode executar JavaScript não apenas no navegador mas também no servidor e qualquer dispositivo que tenha um mecanismo JavaScript.

Funções JavaScript

O fundamental blocos de construção em JavaScript são chamados de Funções . É basicamente um conjunto de instruções que executa uma tarefa ou calcula um valor. Para usar uma função, ela deve ser definida em algum lugar do escopo a partir do qual você deseja chamá-la.

Uma definição de função consiste na palavra-chave da função, seguida por:

  • o nome da função.

  • Uma lista de parametros para a função, entre parênteses e separados por vírgulas.

  • O JavaScript afirmações que definem a função, entre colchetes, {}.

Vamos dar um exemplo e ver como definir uma função chamada adicionar :

função add (a, b) {return a + b}

Agora, para validar um usuário, uma função de validação é usada. Então, vamos seguir em frente e aprender mais sobre a validação de JavaScript.

O que é validação?

A validação é um método para autenticar o usuário. JavaScript fornece a facilidade de validar o formulário no lado do cliente, de forma que o processamento de dados seja mais rápido do que a validação do lado do servidor. É o preferido pela maioria dos desenvolvedores da web. Através de JavaScript, podemos validar nome, senha, email, data, números de celular e mais campos.

o que é classe pojo em java com exemplo

Cliente a validação impede o cliente de saber se o formulário está correto antes de recarregar uma página. Enquanto que, Lado do servidor a validação é importante devido ao fato de que a validação do lado do cliente pode ser completamente contornada desativando o JavaScript.

Agora, vamos prosseguir com nosso artigo sobre validação de JavaScript e dar uma olhada no exemplo de validação de formulário.

Validação de JavaScript: Exemplo

O exemplo a seguir é um código em HTML, CSS e JavaScript para validar um formulário onde:

  1. HTML é usado para crio a forma.
  2. JavaScript é usado para validar a forma.

FormValidation.html

validação de formulário / ** /
Senha:
 

Isso dará o seguinte resultado:

Agora, você precisa criar outro arquivo que irá redirecionar a página para uma nova após clicar enviar botão.

Text.html

Validação de formulário / ** /

Ele irá redirecionar para outra página e fornecer o seguinte resultado :

Agora, precisamos adicionar um Função em nosso JavaScipt para vincular a id de entrada. Isso vai abrir um alerta mensagem se algum dos campos for deixado em branco.

function validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('O nome não pode estar em branco' ) return false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } 

Isso vai abrir o seguinte alerta quando o Campo de nome é deixado em branco:

Em seguida, se você inserir o nome e deixar o Campo senha em branco, vai aparecer o seguinte alerta :

Depois de adicionar o nome e a senha no formato correto, esta página será redirecionada para a página Text.html do saída final.

O código completo para Validação de Formulário é o seguinte:

função de validação de formulário validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('O nome não pode ser em branco ') retorna falso} else if (senha.length<6){ alert('Password must be atleast 6 characters long.') return false } } Senha: 

Este foi um exemplo de validação de formulário em JavaScript. também podemos validar id de e-mail, senha, número de celular. e muitos mais.

Então, vamos dar outro exemplo e ver como validar identificação do email usando JavaScript.

Validação de email JavaScript

Email.html

function ValidateEmail (inputText) {var mailformat = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} else {alert ('Você digitou um endereço de e-mail inválido!') document.form1.text1.focus () return false}}

Resultado

tipo de dados de data no exemplo sql

Com isso, chegamos ao final do nosso artigo de validação de JavaScript. Espero que você tenha achado este blog informativo e tenha adquirido um conhecimento básico sobre validação de JavaScript.

Além disso, não se esqueça de verificar o por Edureka . Tem alguma questão para nós? Mencione isso na seção de comentários de “Validação de JavaScript” e entraremos em contato com você.