JavaScript-vahvistus: kaikki mitä sinun tarvitsee tietää lomakkeiden ja sähköpostin vahvistamisesta



Tämä JavaScript-vahvistuksen artikkeli antaa syvällistä tietoa lomakkeiden validoinnista. Se tarjoaa esimerkin lomakkeen vahvistamisesta javascriptin avulla.

JavaScript on yksi suosituimmista kielistä , Käyttöliittymän ja taustan kehittäminen. Sitä käytetään luomaan kauniisti suunniteltuja verkkosivustoja. JavaScriptissä validointia käytetään käyttäjän todentamiseen. Tässä JavaScript-vahvistus artikkeli, Opit lomakkeiden validoinnista seuraavassa järjestyksessä:

Mikä on JavaScript?

on korkealla tasolla, tulkittu ohjelmointikieli, jota käytetään verkkosivujen interaktiivisuuteen. Se on erittäin voimakas asiakkaan puolella komentosarjakieli jokatekee verkkosivustasi vilkkaamman ja vuorovaikutteisemman.





Javascript - javascript-vahvistus - edureka

Se on ohjelmointikieli, joka auttaa sinua toteuttamaan a monimutkainen ja kaunis muotoilu verkkosivut . Jos haluat, että verkkosivusi näyttää elävältä ja tekee paljon muutakin kuin vain hämmentää sinua, JavaScript on välttämätön.



JavaScriptin ominaisuudet:

  • Se on komentosarjakieli, eikä sillä ole mitään tekemistä sen kanssa . Aluksi se nimettiin Mocha , muuttui sitten LiveScript ja lopulta se nimettiin nimellä JavaScript .

  • JavaScript on objektipohjainen ohjelmointikieli, joka tukee myös polymorfismia, kapselointia ja perintöä.



  • Voit käyttää JavaScriptiä paitsi selain mutta myös palvelin ja kaikki laitteet, joissa on JavaScript-moottori.

JavaScript-toiminnot

Perustavanlaatuinen rakennuspalikoita JavaScriptiä kutsutaan nimellä Toiminnot . Se on periaatteessa joukko lauseita, jotka suorittavat tehtävän tai laskevat arvon. Toiminnon käyttämiseksi se on määriteltävä jossain laajuudessa, josta haluat kutsua sitä.

Funktion määritelmä koostuu funktion avainsanasta, jota seuraa:

  • nimi toiminnon.

  • Luettelo parametrit funktioon sulkeissa ja pilkuilla erotettuna.

  • JavaScript lausunnot jotka määrittelevät funktion, sulkeutuneina sulkeisiin, {}.

Otetaan esimerkki ja katsotaan, kuinka määritetään funktio nimeltä lisätä :

funktio add (a, b) {return a + b}

Nyt käyttäjän vahvistamiseksi käytetään vahvistustoimintoa. Joten siirrytään eteenpäin ja opitaan lisää JavaScript-vahvistuksesta.

Mikä on validointi?

Vahvistus on menetelmä todentaa käyttäjä. JavaScript tarjoaa mahdollisuuden vahvistaa lomake asiakaspuolella, joten tietojen käsittely on nopeampaa kuin palvelinpuolen vahvistus. Useimmat verkkokehittäjät suosivat sitä. JavaScriptin avulla voimme vahvistaa nimen, salasanan, sähköpostin, päivämäärän, matkapuhelinnumerot ja muut kentät.

Asiakkaan puolella vahvistus estää asiakasta tietämästä, onko lomake kunnossa ennen sivun lataamista uudelleen. Sekä katsoo, että Palvelimen puolella vahvistus on tärkeää, koska asiakaspuolen vahvistus voidaan ohittaa kokonaan sammuttamalla JavaScript.

merkkijono menetelmä java

Siirrytään nyt eteenpäin JavaScript-validointiartikkeliimme ja tarkastellaan esimerkkiä lomakkeiden validoinnista.

JavaScript-vahvistus: Esimerkki

Seuraava esimerkki on HTML-, CSS- ja JavaScript-koodi koodin vahvistamiseksi, jossa:

  1. HTML on tapana luoda lomake.
  2. JavaScript on tapana vahvista lomake.

FormValidation.html

lomakkeen vahvistus / ** /
Salasana:
 

Tämä antaa seuraavan tuloksen:

Nyt sinun on luotava toinen tiedosto, joka tulee uudelleenohjaus napsauttamalla sivua uudelle sivulle Lähetä -painiketta.

Teksti.html

Lomakkeen vahvistus / ** /

Se ohjaa toiselle sivulle ja antaa seuraavan ulostulo :

Nyt meidän on lisättävä a Toiminto JavaSciptissä linkittääksesi syötetunnuksen. Tämä tulee esiin hälytys viesti, jos jokin kentistä on tyhjä.

function validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {{alert ('Nimi ei voi olla tyhjä' ) return false} else if (salasana.pituus<6){ alert('Password must be atleast 6 characters long.') return false } } 

Tämä ponnahtaa seuraavaan hälytys kun Nimi-kenttä jätetään tyhjäksi:

Seuraavaksi, jos kirjoitat nimen ja jätät Salasana-kenttä tyhjä, se ponnahtaa seuraavaan hälytys :

Kun olet lisännyt nimen ja salasanan oikeassa muodossa, tämä sivu ohjataan Text.html-sivulle lopullinen tuotos.

Täydellinen koodi Lomakkeen vahvistus on seuraava:

lomakkeen vahvistusfunktio validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Nimeä ei voi tyhjä ') return false} else if (salasana.pituus<6){ alert('Password must be atleast 6 characters long.') return false } } Salasana: 

Tämä oli esimerkki lomakkeen validoinnista JavaScriptissä. voimme myös vahvistaa sähköpostitunnuksen, salasanan, matkapuhelinnumeron. ja paljon muuta.

Otetaan siis toinen esimerkki ja katsotaan, kuinka vahvistus tehdään sähköposti tunnus käyttämällä JavaScriptiä.

JavaScript-sähköpostin vahvistus

Email.html

toiminto ValidateEmail (inputText) {var mailformat = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} else {alert ('Olet antanut virheellisen sähköpostiosoitteen!') document.form1.text1.focus () return false}}

Tuotos

Tämän avulla olemme päässeet JavaScript-vahvistusartikkelin loppuun. Toivon, että löysit tämän blogin informatiivisesta ja sait perustiedot JavaScriptien validoinnista.

Älä myöskään unohda tarkistaa kirjoittanut Edureka . Onko sinulla kysymys meille? Mainitse se JavaScript-vahvistuksen kommenttiosassa ja palaamme sinuun.