logo

Валидација ЈаваСцрипт обрасца

  1. Валидација ЈаваСцрипт форме
  2. Пример ЈаваСцрипт валидације
  3. ЈаваСцрипт валидација е-поште

Важно је потврдити образац који је корисник послао јер може имати неприкладне вредности. Дакле, валидација је неопходна за аутентификацију корисника.

ЈаваСцрипт пружа могућност валидације обрасца на страни клијента, тако да ће обрада података бити бржа од валидације на страни сервера. Већина веб програмера преферира валидацију ЈаваСцрипт форме.

Преко ЈаваСцрипт-а можемо да потврдимо име, лозинку, е-пошту, датум, бројеве мобилних телефона и више поља.


Пример валидације ЈаваСцрипт обрасца

У овом примеру ћемо потврдити име и лозинку. Име не може бити празно, а лозинка не може бити краћа од 6 знакова.

Овде проверавамо ваљаност обрасца приликом слања обрасца. Корисник неће бити прослеђен на следећу страницу док дате вредности не буду тачне.

 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){>
Тестирајте одмах

ЈаваСцрипт поново укуцајте валидацију лозинке

 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> 
Тестирајте одмах

Валидација ЈаваСцрипт броја

Хајде да проверимо текстуално поље само за нумеричку вредност. Овде користимо исНаН() функцију.

 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> 
Тестирајте одмах

ЈаваСцрипт валидација са сликом

Хајде да видимо интерактивни пример валидације ЈаваСцрипт обрасца који приказује исправну и нетачну слику ако је унос тачан или нетачан.

 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){>
Тестирајте одмах

Излаз:

где су подешавања претраживача
Унесите име:
Унесите лозинку:

ЈаваСцрипт валидација е-поште

Можемо да потврдимо е-пошту уз помоћ ЈаваСцрипт-а.

Постоји много критеријума које треба поштовати да бисте потврдили ИД е-поште, као што су:

  • ид е-поште мора да садржи @ и . карактера
  • Мора постојати најмање један знак пре и после знака @.
  • Морају бити најмање два знака после . (тачка).

Погледајмо једноставан пример за валидацију поља е-поште.

 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>
Тестирајте одмах