ЈаваСцрипт је један од најпопуларнијих језика у , Фронт-енд и Бацк-енд развој. Користи се за стварање лепо дизајнираних веб локација. У ЈаваСцрипт-у се валидација користи за аутентификацију корисника. У ово ЈаваСцрипт валидација чланак, Научићете о валидацији образаца у следећем низу:
- Шта је ЈаваСцрипт?
- Функције у ЈаваСцрипт-у
- Шта је валидација?
- Провера ЈаваСцрипт обрасца
- ЈаваСцрипт потврда е-поште
Шта је ЈаваСцрипт?
је висок ниво, протумачен програмски језик који се користи да веб странице учине интерактивнијим. Веома је моћан на страни клијента скриптни језик којичини вашу веб страницу живахнијом и интерактивнијом.
То је програмски језик који вам помаже да примените а комплекс и леп дизајн на веб странице . Ако желите да ваша веб страница изгледа жива и чини вам много више од самог гледања, ЈаваСцрипт је неопходан.
Карактеристике ЈаваСцрипт-а:
То је скриптни језик и нема никакве везе са њим . У почетку је добио име Моцха , а затим промењено у ЛивеСцрипт и на крају је именован као ЈаваСцрипт .
ЈаваСцрипт је заснован на објектима програмски језик који подржава полиморфизам, енкапсулацију и наслеђивање.
ЈаваСцрипт можете покренути не само у претраживач али и на сервер и било који уређај који има ЈаваСцрипт Енгине.
ЈаваСцрипт функције
Основно блокови у ЈаваСцрипт се називају као Функције . То је у основи скуп изјава који извршавају задатак или израчунавају вредност. Да бисте користили функцију, требало би да је дефинишете негде у опсегу из којег желите да је позовете.
Дефиниција функције састоји се од кључне речи функције, а затим следи:
Тхе име функције.
Списак параметри на функцију, приложену у загради и одвојену зарезима.
ЈаваСцрипт изјаве који дефинишу функцију која је затворена у витичасте заграде, {}.
Узмимо пример и видимо како да дефинишемо функцију именовану додати :
функција адд (а, б) {ретурн а + б}Сада се за валидацију корисника користи функција валидације. Кренимо даље и сазнајмо више о валидацији ЈаваСцрипт-а.
Шта је валидација?
Валидација је метода за овјерити корисник. ЈаваСцрипт пружа могућност потврде обрасца на страни клијента, тако да ће обрада података бити бржа од провере на страни сервера. Преферира га већина веб програмера. Путем ЈаваСцрипт-а можемо потврдити поља са именом, лозинком, е-поштом, датумом, бројевима мобилних телефона и више.
На страни клијента валидација спречава клијента да зна да ли је образац у реду пре поновног учитавања странице. Док, На страни сервера валидација је важна због чињенице да се валидација на страни клијента може у потпуности заобићи искључивањем ЈаваСцрипт-а.
Кренимо сада са нашим чланком о валидацији ЈаваСцрипт-а и погледајмо пример валидације образаца.
ЈаваСцрипт валидација: Пример
Следећи пример је код у ХТМЛ-у, ЦСС-у и ЈаваСцрипт-у за потврду обрасца где:
- ХТМЛ се користи за Креирај образац.
- ЈаваСцрипт се користи за потврдити образац.
ФормВалидатион.хтмл
инстанца класе Јава
валидација обрасца / ** /Лозинка:
Ово ће дати следећи излаз:
Сада треба да направите другу датотеку која ће преусмерити страницу на нову након клика прихвати дугме.
Тект.хтмл
Провера обрасца / ** /
Преусмериће на другу страницу и дати следеће излаз :
Сада морамо додати а Функција у нашем ЈаваСципт-у за повезивање улазног ИД-а. Ово ће искочити узбуну порука ако је неко од поља остало празно.
функција валидатеформ () {вар наме = доцумент.миформ.наме.валуе вар пассворд = доцумент.миформ.пассворд.валуе иф (наме == нулл || наме == '') {алерт ('Име не сме бити празно' ) ретурн фалсе} елсе иф (пассворд.ленгтх<6){ alert('Password must be atleast 6 characters long.') return false } } Ово ће искочити следеће узбуну када Поље са именом је празно:
Даље, ако унесете име и оставите Поље за лозинку празно, искочиће следеће узбуну :
Након што додате име и лозинку у исправном формату, ова страница ће бити преусмерена на страницу Тект.хтмл за коначни излаз.
Комплетни код за Провера образаца је као што следи:
функција валидације обрасца валидатеформ () {вар наме = доцумент.миформ.наме.валуе вар пассворд = доцумент.миформ.пассворд.валуе иф (наме == нулл || наме == '') {алерт ('Име не може бити празно ') ретурн фалсе} елсе иф (пассворд.ленгтх<6){ alert('Password must be atleast 6 characters long.') return false } } Лозинка: Ово је био пример провере облика у ЈаваСцрипт-у. такође можемо потврдити ид е-поште, лозинку и бр. и још много тога.
Дакле, узмимо још један пример и видимо како да потврдимо идентификација Поруке користећи ЈаваСцрипт.
ЈаваСцрипт потврда е-поште
Емаил.хтмл
функција ВалидатеЕмаил (инпутТект) {вар маилформат = /^в+([.-]?в+)*@в+([.-]?в+)*(.в{2,3})+$/ иф (инпутТект.валуе. матцх (маилформат)) {доцумент.форм1.тект1.фоцус () ретурн труе} елсе {алерт ('Унели сте неисправну адресу е-поште!') доцумент.форм1.тект1.фоцус () ретурн фалсе}}Оутпут
Овим смо дошли до краја нашег чланка о провери ЈаваСцрипт-а. Надам се да вам је овај блог био информативан и стекли основно разумевање валидације ЈаваСцрипт-а.
Такође, не заборавите да погледате од Едуреке . Имате питање за нас? Молимо вас да га спомињете у одељку за коментаре у „Валидација ЈаваСцрипт-а“ и јавићемо вам се.