Validació de JavaScript: tot el que heu de saber sobre la validació de formularis i correu electrònic



Aquest article sobre la validació de JavaScript proporcionarà un coneixement profund sobre la validació de formularis. Proporcionarà un exemple per validar un formulari mitjançant javascript.

JavaScript és un dels idiomes més populars a , Desenvolupament frontal i posterior. S’utilitza per crear llocs web de bon disseny. A JavaScript, la validació s’utilitza per autenticar un usuari. En aquest Validació de JavaScript article, Aprendreu sobre la validació de formularis a la següent seqüència:

Què és JavaScript?

és un alt nivell, interpretat llenguatge de programació utilitzat per fer les pàgines web més interactives. És un producte molt potent al costat del client llenguatge de script quefa que la vostra pàgina web sigui més viva i interactiva.





Javascript - validació de javascript - edureka

És un llenguatge de programació que us ajuda a implementar un fitxer complex i bonic disseny pàgines web . Si voleu que la vostra pàgina web sembli viva i faci molt més que meravellar-vos, JavaScript és imprescindible.



Característiques de JavaScript:

  • És un llenguatge d’escriptura i no té res a veure . Inicialment, va ser nomenat Mocha , després es va canviar a LiveScript i finalment es va nomenar com JavaScript .

    system.exit (0) java
  • JavaScript és un fitxer basat en objectes llenguatge de programació que també admet polimorfisme, encapsulació i herència.



  • Podeu executar JavaScript no només a navegador però també a la servidor i qualsevol dispositiu que tingui un motor JavaScript.

Funcions de JavaScript

El fonamental blocs de construcció en JavaScript es diuen com Funcions . Bàsicament és un conjunt d’afirmacions que realitzen una tasca o calculen un valor. Per utilitzar una funció, s'hauria de definir en algun lloc de l'abast des del qual vulgueu anomenar-la.

Una definició de funció consisteix en la paraula clau de funció, seguida de:

  • El nom de la funció.

  • Una llista de paràmetres a la funció, entre parèntesis i separats per comes.

  • El JavaScript declaracions que defineixen la funció, entre claudàtors, {}.

Prenem un exemple i vegem com es defineix una funció anomenada afegir :

funció add (a, b) {return a + b}

Ara, per validar un usuari, s’utilitza una funció de validació. Així que anem endavant i coneixem més sobre la validació de JavaScript.

Què és la validació?

La validació és un mètode per autenticar l’usuari. JavaScript proporciona la possibilitat de validar el formulari al costat del client, de manera que el processament de dades serà més ràpid que la validació del servidor. És preferit per la majoria dels desenvolupadors web. Mitjançant JavaScript podem validar el nom, la contrasenya, el correu electrònic, la data, els números de mòbil i més camps.

Al costat del client la validació impedeix al client saber si el formulari està bé abans de tornar a carregar una pàgina. Considerant que, Al costat del servidor la validació és important a causa del fet que es pot obviar completament la validació del client desactivant JavaScript.

Ara continuem amb el nostre article de validació de JavaScript i donem un cop d’ull a l’exemple de validació de formularis.

Validació de JavaScript: exemple

L'exemple següent és un codi en HTML, CSS i JavaScript per validar un formulari on:

com declarar matriu dinàmica a Java
  1. HTML està acostumat a crear El formulari.
  2. JavaScript està acostumat a validar El formulari.

FormValidation.html

validació del formulari / ** /
Contrasenya:
 

Això donarà la següent sortida:

Ara, heu de crear un altre fitxer que ho faci redirecció la pàgina a una de nova després de fer clic Presentar botó.

Text.html

Validació del formulari / ** /

Es redirigirà a una altra pàgina i donarà el següent sortida :

Ara cal afegir un fitxer Funció al nostre JavaScipt per enllaçar l’identificador d’entrada. Això apareixerà un alerta si algun dels camps es deixa en blanc.

function validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('El nom no pot estar en blanc') ) return false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } 

Això apareixerà el següent alerta quan el Camp de nom es deixa en blanc:

A continuació, si introduïu el nom i deixeu el fitxer Camp de contrasenya en blanc, apareixerà el següent alerta :

currículum vitae del desenvolupador de Python d'entrada

Un cop hàgiu afegit el nom i la contrasenya en el format correcte, aquesta pàgina es redirigirà a la pàgina Text.html del fitxer sortida final.

El codi complet per a Validació del formulari és el següent:

funció de validació del formulari validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('El nom no pot ser en blanc ') torna false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } Contrasenya: 

Aquest va ser un exemple de validació de formularis a JavaScript. també podem validar l’identificador de correu electrònic, la contrasenya i el número de mòbil. i molts més.

Per tant, posem un altre exemple i vegem com validar-lo Identificació de correu electrònic mitjançant JavaScript.

Validació de correu electrònic JavaScript

Correu electrònic.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 ('Heu introduït una adreça de correu electrònic no vàlida!)) document.form1.text1.focus () return false}}

Sortida

Amb això, hem arribat al final del nostre article de validació de JavaScript. Espero que heu trobat aquest bloc informatiu i que hàgiu entès bàsicament la validació de JavaScript.

A més, no oblideu consultar el per Edureka . Tens alguna pregunta? Esmenteu-lo a la secció de comentaris de 'Validació de JavaScript' i us respondrem.