JavaScript validācija: viss, kas jums jāzina par veidlapu un e-pasta apstiprināšanu



Šis raksts par JavaScript validāciju sniegs padziļinātas zināšanas par veidlapu validāciju. Tas sniegs veidlapas apstiprināšanas piemēru, izmantojot javascript.

JavaScript ir viena no populārākajām valodām šādā valodā: , Front-end un Back-end izstrāde. To izmanto, lai izveidotu skaisti veidotas vietnes. Programmā JavaScript lietotāja autentificēšanai tiek izmantota validācija. Šajā JavaScript validācija rakstu, jūs uzzināsiet par veidlapu validāciju šādā secībā:

Kas ir JavaScript?

ir augsts līmenis, interpretēts programmēšanas valoda, ko izmanto, lai padarītu tīmekļa lapas interaktīvākas. Tas ir ļoti spēcīgs klienta pusē skriptu valoda, kurapadara jūsu vietni dzīvāku un interaktīvāku.





Javascript - javascript validācija - edureka

Tā ir programmēšanas valoda, kas jums palīdz ieviest a komplekss un skaists dizains tīmekļa lapas . Ja vēlaties, lai jūsu tīmekļa lapa izskatās dzīva un darītu daudz vairāk nekā tikai, lai jūs redzētu, JavaScript ir obligāta.



JavaScript iezīmes:

  • Tā ir skriptu valoda, un tam nav nekāda sakara . Sākotnēji tas tika nosaukts Mocha , pēc tam mainījās uz LiveScript un beidzot tas tika nosaukts kā JavaScript .

  • JavaScript ir objektu bāzes programmēšanas valoda, kas atbalsta arī polimorfismu, iekapsulēšanu un mantošanu.



  • JavaScript varat palaist ne tikai pārlūku bet arī uz serveris un jebkura ierīce, kurai ir JavaScript dzinējs.

    masīva šķirošana c ++

JavaScript funkcijas

Pamata celtniecības klucīši JavaScript tiek saukti par Funkcijas . Būtībā tas ir paziņojumu kopums, kas veic uzdevumu vai aprēķina vērtību. Lai izmantotu funkciju, tā ir jādefinē kaut kur darbības jomā, no kuras vēlaties to izsaukt.

Funkcijas definīciju veido funkcijas atslēgvārds, kam seko:

  • The nosaukums funkcijas.

  • Saraksts ar parametriem funkcijai, kas ir iekavās un atdalīta ar komatiem.

  • JavaScript paziņojumi kas nosaka funkciju, kas ievietota cirtainās iekavās, {}.

Ņemsim piemēru un redzēsim, kā definēt nosaukto funkciju pievienot :

funkcija pievienot (a, b) {atgriež a + b}

Tagad, lai validētu lietotāju, tiek izmantota validācijas funkcija. Tāpēc ejam uz priekšu un uzzinām vairāk par JavaScript validāciju.

Kas ir validācija?

Apstiprināšana ir metode autentificēt lietotājs. JavaScript nodrošina iespēju apstiprināt veidlapu klienta pusē, tāpēc datu apstrāde būs ātrāka nekā servera puses pārbaude. Tam dod priekšroku lielākā daļa tīmekļa izstrādātāju. Izmantojot JavaScript, mēs varam apstiprināt vārdu, paroli, e-pastu, datumu, mobilo tālruņu numurus un citus laukus.

Klienta puse validācija neļauj klientam pirms lapas atkārtotas ielādes uzzināt, vai forma ir kārtībā. Tā kā, Servera pusē validācija ir svarīga, jo klienta puses validāciju var pilnībā apiet, izslēdzot JavaScript.

Tagad virzīsimies uz priekšu ar rakstu JavaScript validācija un apskatīsim veidlapas validācijas piemēru.

JavaScript validācija: piemērs

Šis piemērs ir kods HTML, CSS un JavaScript, lai apstiprinātu veidlapu, kurā:

mainīt skaitli java
  1. HTML ir pieradis izveidot veidlapu.
  2. JavaScript ir pieradis apstiprināt veidlapu.

FormValidation.html

veidlapas apstiprināšana / ** /
Parole:
 

Tādējādi tiks iegūts šāds rezultāts:

Tagad jums ir jāizveido vēl viens fails novirzīt pēc noklikšķināšanas noklikšķiniet uz lapas Iesniegt pogu.

Teksts.html

Veidlapas apstiprināšana / ** /

Tas novirzīs uz citu lapu un sniegs sekojošo izeja :

Tagad mums jāpievieno Funkcija mūsu JavaScipt, lai saistītu ievades ID. Tas parādīsies trauksme ziņojumu, ja kāds no laukiem ir tukšs.

function validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {{alert ('Nosaukums nevar būt tukšs' ) return false} else if (parole.length<6){ alert('Password must be atleast 6 characters long.') return false } } 

Tas parādīs sekojošo trauksme kad Vārda lauks ir atstāts tukšs:

Pēc tam, ja ievadāt vārdu un atstājat Paroles lauks tukšs, tas parādīs šādus trauksme :

Kad esat pievienojis vārdu un paroli pareizā formātā, šī lapa tiks novirzīta uz lapu Text.html gala produkcija.

Pilns vietnes kods Formas apstiprināšana ir šāds:

veidlapas validācijas funkcija validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Nosaukumu nevar blank ') return false} else if (parole.length<6){ alert('Password must be atleast 6 characters long.') return false } } Parole: 

Šis bija formas validācijas piemērs JavaScript. mēs varam arī apstiprināt e-pasta ID, paroli, mobilā tālruņa nr. un vēl daudz vairāk.

Ņemsim vēl vienu piemēru un redzēsim, kā to apstiprināt e-pasta ID izmantojot JavaScript.

iegūt masīva js garumu

JavaScript e-pasta validācija

Email.html

funkcija ValidateEmail (inputText) {var mailformat = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} else {alert ('Jūs esat ievadījis nederīgu e-pasta adresi!') document.form1.text1.focus () return false}}

Rezultāts

Ar to mēs esam nonākuši pie sava JavaScript validācijas raksta beigām. Es ceru, ka jūs atradāt šo emuāru informatīvu un guvāt pamata izpratni par JavaScript validāciju.

Neaizmirstiet arī pārbaudīt autore Edureka . Vai mums ir jautājums? Lūdzu, pieminējiet to komentāru sadaļā “JavaScript validācija”, un mēs ar jums sazināsimies.