Ověření JavaScriptu: Vše, co potřebujete vědět o ověřování formulářů a e-mailů



Tento článek o ověření JavaScriptu poskytne podrobné informace o ověřování formulářů. Poskytne příklad k ověření formuláře pomocí JavaScriptu.

JavaScript je jedním z nejpopulárnějších jazyků v , Front-end a Back-end Development. Používá se k vytváření krásně navržených webových stránek. V JavaScriptu se k ověření uživatele používá ověření. V tomhle Ověření JavaScriptu článek Dozvíte se o ověřování formulářů v následujícím pořadí:

Co je to JavaScript?

je vysoká úroveň, interpretováno programovací jazyk používaný ke zvýšení interaktivity webových stránek. Je to velmi silné na straně klienta skriptovací jazyk, kterýčiní vaši webovou stránku živější a interaktivnější.





Javascript - ověření javascript - edureka

Jedná se o programovací jazyk, který vám pomůže implementovat a komplex a krásný design na webové stránky . Pokud chcete, aby vaše webová stránka vypadala živě a dokázala na vás mnohem víc než jen zírat, je JavaScript nutností.



Vlastnosti JavaScriptu:

  • Je to skriptovací jazyk a nemá s tím nic společného . Zpočátku to bylo pojmenováno Moka , poté změněno na LiveScript a nakonec to bylo pojmenováno jako JavaScript .

  • JavaScript je objektově založený programovací jazyk, který podporuje také polymorfismus, zapouzdření a dědičnost.



  • JavaScript můžete spustit nejen v prohlížeč ale také na serveru a jakékoli zařízení, které má JavaScriptový modul.

Funkce JavaScriptu

Základní stavební bloky v JavaScriptu se nazývají jako Funkce . Je to v podstatě sada příkazů, která provádí úkol nebo vypočítává hodnotu. Chcete-li použít funkci, měla by být definována někde v oboru, ze kterého ji chcete volat.

Definice funkce se skládá z klíčového slova funkce, následovaného:

  • The název funkce.

  • Seznam parametry k funkci uzavřené v závorkách a oddělené čárkami.

  • JavaScript prohlášení které definují funkci uzavřenou v složených závorkách, {}.

Uveďme si příklad a podívejme se, jak definovat pojmenovanou funkci přidat :

funkce add (a, b) {návrat a + b}

Nyní se k ověření uživatele používá ověřovací funkce. Pojďme tedy kupředu a dozvíme se více o ověření JavaScriptu.

Co je ověření?

Ověření je metoda ověřit uživatel. JavaScript poskytuje možnost ověřit formulář na straně klienta, takže zpracování dat bude rychlejší než ověření na straně serveru. Je preferována většinou webových vývojářů. Prostřednictvím JavaScriptu můžeme ověřit jméno, heslo, e-mail, datum, čísla mobilních telefonů a další pole.

Na straně klienta ověření zabrání klientovi, aby před opětovným načtením stránky věděl, zda je formulář v pořádku. Zatímco, Na straně serveru ověření je důležité vzhledem k tomu, že ověření na straně klienta lze zcela obejít vypnutím JavaScriptu.

Nyní pojďme s naším článkem Ověření JavaScriptu a podívejme se na příklad Ověření formuláře.

Ověření JavaScriptu: Příklad

Následující příklad je kód v HTML, CSS a JavaScript k ověření formuláře, kde:

  1. HTML je zvyklý vytvořit formulář.
  2. JavaScript je zvyklý ověřit formulář.

FormValidation.html

ověření formuláře / ** /
Heslo:
 

Získáte následující výstup:

Nyní musíte vytvořit další soubor, který bude přesměrovat po kliknutí na novou stránku Předložit knoflík.

Text.html

Ověření formuláře / ** /

Bude přesměrován na jinou stránku a poskytne následující výstup :

Nyní musíme přidat a Funkce v našem JavaScipt propojit vstupní id. Zobrazí se okno výstraha zpráva, pokud je některá z polí ponechána prázdná.

function validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Jméno nemůže být prázdné') ) vrátit false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } 

Zobrazí se následující výstraha když Jméno pole je prázdné:

Dále, pokud zadáte jméno a opustíte Pole pro heslo prázdné, vyskočí následující výstraha :

Jakmile přidáte jméno a heslo ve správném formátu, bude tato stránka přesměrována na stránku Text.html pro konečný výstup.

Celý kód pro Ověření formuláře je následující:

funkce ověření formuláře 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.length<6){ alert('Password must be atleast 6 characters long.') return false } } Heslo: 

Toto byl příklad ověření formuláře v JavaScriptu. můžeme také ověřit e-mailovou adresu, heslo, mobilní číslo. a mnoho dalších.

Pojďme si tedy vzít další příklad a podívejme se, jak ověřit e-mail pomocí JavaScriptu.

Ověření e-mailu pomocí JavaScriptu

Email.html

funkce 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 jste neplatnou e-mailovou adresu!') document.form1.text1.focus () return false}}

Výstup

jak ukončit metodu v Javě

Tím jsme se dostali na konec našeho článku o ověření JavaScriptu. Doufám, že jste tento blog shledali poučným a získali základní znalosti o validaci JavaScriptu.

Nezapomeňte se také podívat na podle Edureka . Máte na nás dotaz? Uveďte to v sekci komentářů v části „Ověření JavaScriptu“ a my se vám ozveme.