logo

TechCodeview

Перевірка форми JavaScript

  1. Перевірка форми JavaScript
  2. Приклад перевірки JavaScript
  3. Перевірка електронної пошти JavaScript

Важливо перевірити форму, надіслану користувачем, оскільки вона може містити невідповідні значення. Отже, перевірка необхідна для автентифікації користувача.

аплет аплет

JavaScript забезпечує можливість перевірки форми на стороні клієнта, тому обробка даних буде швидшою, ніж перевірка на стороні сервера. Більшість веб-розробників віддають перевагу перевірці форм JavaScript.

За допомогою JavaScript ми можемо перевірити ім’я, пароль, електронну адресу, дату, номери мобільних телефонів та інші поля.

Приклад перевірки форми JavaScript

У цьому прикладі ми перевіримо ім’я та пароль. Ім’я не може бути порожнім, а пароль – не менше 6 символів.

що таке map java

Тут ми перевіряємо форму під час надсилання. Користувача не буде перенаправлено на наступну сторінку, доки дані значення не будуть правильними.

 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>
Перевірте зараз