logo

TechCodeview

„JavaScript“ formos patvirtinimas

  1. „JavaScript“ formos patvirtinimas
  2. „JavaScript“ patvirtinimo pavyzdys
  3. „JavaScript“ el. pašto patvirtinimas

Svarbu patvirtinti vartotojo pateiktą formą, nes jos reikšmės gali būti netinkamos. Taigi, norint patvirtinti vartotoją, būtina patvirtinti.

„JavaScript“ suteikia galimybę patvirtinti formą kliento pusėje, todėl duomenų apdorojimas bus greitesnis nei serverio patvirtinimas. Dauguma žiniatinklio kūrėjų teikia pirmenybę JavaScript formos patvirtinimui.

Naudodami JavaScript galime patvirtinti vardą, slaptažodį, el. pašto adresą, datą, mobiliojo telefono numerius ir kitus laukus.

„JavaScript“ formos patvirtinimo pavyzdys

Šiame pavyzdyje mes ketiname patvirtinti vardą ir slaptažodį. Vardo laukas negali būti tuščias, o slaptažodis negali būti trumpesnis nei 6 simboliai.

Čia mes patvirtiname formą pateikiant formą. Vartotojas nebus peradresuojamas į kitą puslapį, kol nurodytos reikšmės nebus teisingos.

 function validateform(){ var name=document.myform.name.value; var password=document.myform.password.value; if (name==null || name==&apos;&apos;){ alert(&apos;Name can&apos;t be blank&apos;); return false; }else if(password.length<6){ 6 alert('password must be at least characters long.'); return false; } name: <br> Password: <br> </6){>
Išbandykite dabar

„JavaScript“ iš naujo įveskite slaptažodžio patvirtinimą

 function matchpass(){ var firstpassword=document.f1.password.value; var secondpassword=document.f1.password2.value; if(firstpassword==secondpassword){ return true; } else{ alert(&apos;password must be same!&apos;); return false; } } Password: <br> Re-enter Password: <br>
Išbandykite dabar

„JavaScript“ numerio patvirtinimas

Patvirtinkime teksto lauką tik skaitinei vertei. Čia mes naudojame funkciją isNaN ().

 function validate(){ var num=document.myform.num.value; if (isNaN(num)){ document.getElementById(&apos;numloc&apos;).innerHTML=&apos;Enter Numeric value only&apos;; return false; }else{ return true; } } Number: <span id="numloc"></span> <br>
Išbandykite dabar

JavaScript patvirtinimas su vaizdu

Pažiūrėkime interaktyvų „JavaScript“ formos patvirtinimo pavyzdį, kuriame rodomas teisingas ir neteisingas vaizdas, jei įvestis yra teisinga arba neteisinga.

 function validate(){ var name=document.f1.name.value; var password=document.f1.password.value; var status=false; if(name.length<1){ document.getelementbyid('nameloc').innerhtml="  Please enter your name" ; status="false;" }else{ } if(password.length<6){ document.getelementbyid('passwordloc').innerhtml="  Password must be at least 6 char long" return status; <table class="table"> <tr><td>Enter Name:</td><td> <span id="nameloc"></span></td></tr> <tr><td>Enter Password:</td><td> <span id="passwordloc"></span></td></tr> <tr><td></td></tr>  </1){>
Išbandykite dabar

Išvestis:

Įveskite vardą:
Įvesti slaptažodį:

„JavaScript“ el. pašto patvirtinimas

El. paštą galime patvirtinti JavaScript pagalba.

Yra daug kriterijų, kurių reikia laikytis norint patvirtinti el. pašto ID, pavyzdžiui:

  • pašto ID turi būti @ ir . charakteris
  • Prieš ir po @ turi būti bent vienas simbolis.
  • Turi būti bent du simboliai po . (taškas).

Pažiūrėkime paprastą pavyzdį, kaip patvirtinti el. pašto lauką.

 function validateemail() { var x=document.myform.email.value; var atposition=x.indexOf(&apos;@&apos;); var dotposition=x.lastIndexOf(&apos;.&apos;); if (atposition<1 || dotposition="x.length){" alert('please enter a valid e-mail address 
 atpostion:'+atposition+'
 dotposition:'+dotposition); return false; } email: <br> </1>
Išbandykite dabar