logo

TechCodeview

Валидиране на JavaScript форма

  1. Валидиране на JavaScript форма
  2. Пример за валидиране на JavaScript
  3. JavaScript валидиране на имейл

Важно е да потвърдите формуляра, изпратен от потребителя, защото може да има неподходящи стойности. Така че валидирането е задължително за удостоверяване на потребителя.

: в java

JavaScript предоставя възможност за валидиране на формуляра от страна на клиента, така че обработката на данни ще бъде по-бърза от валидирането от страната на сървъра. Повечето уеб разработчици предпочитат валидиране на JavaScript форма.

Чрез JavaScript можем да валидираме име, парола, имейл, дата, мобилни номера и други полета.

Пример за валидиране на JavaScript формуляр

В този пример ще потвърдим името и паролата. Името не може да бъде празно и паролата не може да бъде по-малка от 6 знака.

sql клаузи

Тук валидираме формуляра при изпращане на формуляр. Потребителят няма да бъде пренасочен към следващата страница, докато зададените стойности не са правилни.

 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){>
Тествайте сега

Повторно въвеждане на JavaScript Проверка на паролата

 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>
Тествайте сега

Валидиране на номера на JavaScript

Нека потвърдим текстовото поле само за числова стойност. Тук използваме функцията 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>
Тествайте сега

Проверка на JavaScript с изображение

Нека да видим интерактивен пример за валидиране на формуляр на JavaScript, който показва правилно и неправилно изображение, ако въведеното е правилно или неправилно.

 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){>
Тествайте сега

Изход:

Въведи име:
Въведете паролата:

JavaScript валидиране на имейл

Можем да потвърдим имейла с помощта на JavaScript.

.е равно на java

Има много критерии, които трябва да се следват, за да се потвърди имейл идентификаторът, като например:

  • имейл адресът трябва да съдържа @ и . характер
  • Трябва да има поне един знак преди и след @.
  • Трябва да има поне два знака след. (точка).

Нека видим простия пример за валидиране на имейл полето.

 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>
Тествайте сега