Validácia JavaScriptu: Všetko, čo potrebujete vedieť o overovaní formulárov a e-mailov

JavaScript je jedným z najpopulárnejších jazykov v , Front-end a back-end vývoj. Používa sa na vytváranie nádherne navrhnutých webových stránok. V JavaScripte sa validácia používa na autentifikáciu používateľa. V tomto Validácia JavaScriptu článok Dozviete sa o overovaní formulárov v nasledujúcom poradí:

• Čo je to JavaScript?
• Funkcie v JavaScripte
• Čo je to validácia?
• Validácia formulára JavaScript
• E-mailová validácia JavaScriptu

Čo je to JavaScript?

je a vysokej úrovni, tlmočené programovací jazyk používaný na zvýšenie interaktivity webových stránok. Je to veľmi silné na strane klienta skriptovací jazyk, ktorýrobí vašu webovú stránku živšou a interaktívnejšou.

Je to programovací jazyk, ktorý vám pomôže implementovať a zložité a krásny dizajn na internetové stránky . Ak chcete, aby vaša webová stránka vyzerala ako živá a dokázala na vás nielen vidieť, je nevyhnutný JavaScript.

Vlastnosti JavaScriptu:

• Je to skriptovací jazyk a nemá s tým nič spoločné . Spočiatku to bolo pomenované Mocha , potom zmenené na LiveScript a nakoniec to bolo pomenované ako JavaScript .

• JavaScript je objektovo založené programovací jazyk, ktorý podporuje aj polymorfizmus, zapuzdrenie a dedenie.

  
  
  

• JavaScript môžete spustiť nielen v prehliadač ale aj na server a akékoľvek zariadenie, ktoré má motor JavaScript.

Funkcie JavaScriptu

Zásadné stavebné bloky v JavaScripte sa nazývajú ako Funkcie . Je to v podstate skupina príkazov, ktorá vykonáva úlohu alebo počíta hodnotu. Ak chcete používať funkciu, mala by byť definovaná niekde v rozsahu, z ktorého ju chcete nazvať.

Definícia funkcie pozostáva z kľúčového slova function, za ktorým nasleduje:

• The názov funkcie.

• Zoznam parametre k funkcii, uvedené v zátvorkách a oddelené čiarkami.

• JavaScript Vyhlásenia ktoré definujú funkciu uzavretú v zložených zátvorkách {}.

Uveďme si príklad a ukážeme si, ako definovať pomenovanú funkciu pridať :

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

Teraz sa na overenie používateľa používa overovacia funkcia. Poďme teda ďalej a získajme viac informácií o overovaní JavaScriptu.

Čo je to validácia?

Validácia je metóda na overiť používateľ. JavaScript poskytuje prostriedky na overenie formulára na strane klienta, takže spracovanie údajov bude rýchlejšie ako overenie na strane servera. Uprednostňuje ju väčšina webových vývojárov. Prostredníctvom JavaScriptu môžeme overiť meno, heslo, e-mail, dátum, čísla mobilných telefónov a ďalšie polia.

Na strane klienta validácia zabráni klientovi pred opätovným načítaním stránky vedieť, či je formulár v poriadku. Keďže Na strane servera validácia je dôležitá z toho dôvodu, že validáciu na strane klienta je možné úplne obísť vypnutím JavaScriptu.

Poďme teraz k nášmu článku o overení JavaScriptu a pozrime sa na príklad overenia formulára.

Validácia JavaScriptu: Príklad

Nasledujúci príklad je kód v HTML, CSS a JavaScript na overenie formulára, kde:

1. HTML je zvyknutý vytvoriť formulár.
2. JavaScript je zvyknutý potvrdiť formulár.

FormValidation.html

overenie formulára / ** /
Heslo: 
 

Takto získate nasledujúci výstup:

Teraz musíte vytvoriť ďalší súbor, ktorý bude presmerovanie po kliknutí na novú stránku Predložiť tlačidlo.

Text.html

Overenie formulára / ** /

Bude presmerovaný na inú stránku a poskytne nasledujúce informácie výkon :

Teraz musíme pridať a Funkcia v našom JavaScipt na prepojenie vstupného id. Zobrazí sa okno výstraha správa, ak niektoré z polí zostane nevyplnené.

function validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Name cannot be blank') ) return false} else if (heslo.dĺžka<6){ alert('Password must be atleast 6 characters long.') return false } } 

Zobrazí sa nasledujúce okno výstraha keď Meno je prázdne:

Ďalej, ak zadáte meno a opustíte Pole pre heslo prázdne, vyskočí nasledovné výstraha :

Po pridaní mena a hesla v správnom formáte bude táto stránka presmerovaná na stránku Text.html pre konečný výstup.

Celý kód pre Validácia formulára je nasledujúci:

funkcia overenia formulára validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Name can't be blank ') return false} else if (heslo.dĺžka<6){ alert('Password must be atleast 6 characters long.') return false } } Heslo: 
 

Toto bol príklad overenia formulára v JavaScripte. môžeme tiež overiť e-mail, heslo, číslo mobilu a mnoho ďalších.

Zoberme si teda ďalší príklad a zistime, ako overiť e-mailová adresa pomocou JavaScriptu.

E-mailová validácia JavaScriptu

Email.html

funkcia ValidateEmail (inputText) {var mailformat = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} else {alert ('Zadali ste neplatnú e-mailovú adresu!') document.form1.text1.focus () return false}}

Výkon

ako nainštalovať php na Windows 10

Týmto sme sa dostali na koniec nášho článku o validácii JavaScriptu. Dúfam, že ste tento blog považovali za poučný a získali ste základné vedomosti o overovaní jazyka JavaScript.

Nezabudnite si tiež pozrieť od Edureka . Máte na nás otázku? Uveďte to v sekcii komentárov v časti „Validácia JavaScriptu“ a my sa vám ozveme.