-тапсырманы орындауға арналған әдістемелік нұсқау

    

 

мәліметтерді нақтылау

 

Өз атыңызды енгізіңіз:

 

    onBlur="validfn(fn.value)"> 

 

  document.dataentry.fn.focus() 

 

Телефон номерін енгізіңіз (хх-хх-хх):

 

    

     onClick="validphone(phone.value)"> 

 

 ..... 

   onBlur="validfn(fn.value)"> 

 



 

validfn(fnm) 

функциясы 

onBlur 

оқиғасының 

өңделуімен 

шақырылады. Курсор келесі элементке fn мәтіндік өрісінен шыққанда onBlur 

іске қосылады.  



 

fn.value параметрі функцияға формадан беріледі. 



 

Форма өрісінің құрамын форманың_аты.value командасы жібереді. 



 

Пайдаланушы атының ұзындығына fnlen айнымалысы меншіктелген. 

Олай болса, егер пайдаланушы Жанар деп атын енгізсе,   fnlen мәні 5-ке тең 

болады. 



 

Егер  пайдаланушы  өз  атын  енгізбесе,  ұзындығы  0-ге  тең  болады. 

Онда  программа  қате  туралы  хабарламасы  бар  терезені  шақырады  да, 

курсорда немесе  focus-ты бұрынғы орнына қояды. 



 

 Форма  атының  жазылғанын  ғана  тексеріп  қоймайды,  онда  қанша 

жазылғанын тексереді. 



 

Енді программаның телефон номерін қалай тексеретінін көрейік: 

 

function validphone(phone) 

{len=phone.length 

digits="0123456789" 

if(len != 6 && len != 11) 

{alert("Номерде белгілер саны дұрыс емес") 

document.dataentry.phone.focus()} 

for(i=0; i<3; i++) 

{if (digits.indexOf(phone.charAt(i))<0) 

{alert("Бұл цифрлар болу керек") 

document.dataentry.phone.focus() 

break}} 

 



 

Телефон  номерінің  ұзындығына  len  айнымалысы  меншіктеледі. 

digits айнымалысында барлық цифрлар бар. 



 

Содан  кейін  If  командасы  номердің  ұзындығының  6  немесе  11  тең 

келуін  тексереді.  &&  белгісі Javascript-те    «екі  қасиетін де  тексеру»  дегенді 

білдіреді. 



 

Егер  шарт  орындалмаса,  программа  пайдаланушыға  цифрлар  санын 

дұрыс енгізбегені туралы айтады да, қайтадан курсор немесе focus-ты енгізу 

үшін өріске қояды. 



 

for(i=0; i<3; i++) бірінен соң бірін алғашқы үш санды тексереді. 



 

if  (digits.indexOf(phone.charAt(i))<0)  бізді  жаңа  екі  әдіспен 

таныстырады, олар: indexOf() және charAt(). 



 

phone.charAt(i)-ды көрейік. Мысалы, телефон номері  123, және i=2 

болсын. Екінші позициядағы белгі – 3 саны. Олай болса, phone.charAt(0) = 1, 

phone.charAt(1) = 2, ал phone.charAt(2) = 3! 



 

indexOf  —  бұл  берілген  мән  үшін  реттік  номерін  беретін  белгі.  if 

(digits.indexOf(phone.charAt(i))<0) 

болғанда, 

JavaScript 

digits 

айнымалысынан phone.charAt(i) мәнін іздейді. 

Егер  телефон  номері  123456  және  i  =  1,  онда  программа  digits 

айнымалысынан  екінші  цифрды  іздейді  және  digits  =  «0123456789» 

болғандықтан 1 мәнін қайтара отырып, табады.  

Егер  телефон  номері  12д  және  i  =  2  болса,  онда  программа  digits  

айнымалысынан  «д»  іздейді.  Оны  ол  таппай,  ол  -1  мәнін  қайтарады.егер 

мәні=-1  (<0)  болса,  онда  қате  туралы  хабарлама  шығады  да,  курсор  немесе 

focus бұрынғы орнына қайтып келеді. 



 

Және де соңғысы формаға арналған HTML коды: 

 

Өз атыңызды енгізіңіз:

 

    onBlur="validfn(fn.value)"> 

 

  document.dataentry.fn.focus() 

 

Телефон номерін енгізіңіз (хх-хх-хх):

 

    

     onClick="validphone(phone.value)"> 

 

JavaScript-ті  формасымен  бірге  пайдаланып,  әрбір  элементке  скриптте 

белгіленетін ат беріңіз. 

 

2-тапсырманы орындауға арналған әдістемелік нұсқау. 

Программаның мүмкін болатын скрипті: 

 

 

 

 

 

 

 

JavaScript арқылы енгізуді нақтылау

 

Атыңызды енгізіңіз:

 

language="JavaScript"> 

document.dataentry.fn.focus() 


 

Телефон номерін енгізіңіз (ххх-ххх):

 


 


onClick="validphone(phone.value)">

 

 

 

 

 

 

 

Анимацияны көрсету 

 

 

 

 

 

 

Анимацияның жылдамдығын көрсетіңіз: (fast, medium, slow)

value="medium" name="speed"> 

 

Анимацияны  көрсету