Веб-келушілерге нақты уақыт формасын растау арқылы әсер қалдырыңыз

онлайн нысаны

Әдетте веб-қосымшаның пайдаланушысы болған алғашқы әсер веб-форманы толтыру кезінде болады. Нөлдік растауы бар немесе сізде қандай проблемалар болуы мүмкін екенін айтпас бұрын сіздің формалық мазмұнды жіберуді күтетін веб-формалардың саны мені таң қалдырады.

Менің басты ережем - расталмағанның бәріне қолдау көрсетіледі. Нысанды жібермес бұрын тексерілуі мүмкін кез келген нәрсе болуы керек. Ajax пайда болғаннан кейін, сіз деректерді ұсынар алдында дерекқорыңызға қарсы тексере аласыз. Жалқау жолды таңдамаңыз - пайдаланушылар көмекті бағалайды!

Міне, кейбір мысалдар:

  1. Электрондық пошта мекенжайлары - Мен сіздің электрондық поштаңыздың мекен-жайын растау үшін екі рет толтыруға мәжбүр ететін формаларға қарсы емеспін, бірақ олардың сізге сәйкес келетіндігі немесе сәйкес келмегені туралы айтпайтындығы ақталмайды.
  2. Құпия сөздер - Егер сіз маған екі рет пароль енгізуге мәжбүр етсеңіз, онда форманы орналастырмас бұрын мәндер бірдей екенін тексеріп алыңыз.
  3. Парольдің күші - Егер сізге құпия сөздің белгілі бір күші қажет болса (әріптік-цифрлық белгілердің немесе кейстердің тіркесімі) болса, құпия сөзді теріп жатқан кезде мен үшін кері байланыс беріңіз. Маған сәтсіздікке ұшырағанға дейін жібергенімді күтпеңіз.
  4. күндер - Егер сіз күнді am / d / yyyy форматында алғыңыз келсе, маған сол мәндерді теру және оларды тиісті түрде форматтау арқылы ақпаратты бір өріске енгізуге рұқсат етіңіз. Егер сіз жетекші нөлдерді алғыңыз келсе, оларды кейін қойыңыз. Деректер базасында бір форматты көрсетіп, екіншісін сақтауға болады.
  5. Бүгінгі күн - Маған толтырыңыз! Неліктен сіз өзіңіз білетін күнді толтыруды сұрайсыз ?!
  6. Күн пішімі - Егер сізде халықаралық өтінім болса, сіз өзіңіздің өтініміңізді Интернационалдандыру негізінде күн пішімін дефолт жасай аласыз. Әрине, пайдаланушылар үшін бұл опцияны жоққа шығарып, өздерін таңдайтын мүмкіндік болғаны жақсы.
  7. Әлеуметтік сақтандыру нөмірлері - өрістен өріске автоматты түрде секіретін немесе мәндердің арасына сызықша қоятын javascript қосу өте қарапайым.
  8. Телефон нөмірлері - Интернационализацияны ескере отырып, өрістердің бұл түрлерін интерфейстегі телефон нөмірін пішімдеу арқылы жеңілдетуге болады, бірақ оны сіздің мақсатыңызға тиімді басқа форматта сақтау. Пайдаланушыларыңызды жақшаға, бос орынға және сызықшаға енгізбеңіз.
  9. Мәтіннің максималды ұзындығы - егер сіз мәліметтер базасында сақталған таңбалардың санын шектесеңіз, маған осынша таңбаны теруге РҰҚСАТ БЕРМЕҢІЗ! Бұл қиын тексеруді де қажет етпейді ... бұл тек мәтіндік жәшікте орнатылған жайт.
  10. Мәтіннің минималды ұзындығы - егер сізге мәтіннің минималды ұзындығы қажет болса, менде таңбалар жеткілікті болғанша дабыл қағыңыз.

Құпия сөз күші функциясының мысалы келтірілген Geek даналығы:

Құпия сөзді теріңіз:

ЖАҢАРТУ: 10 - Мен жүктеуге болатын JavaScript кітапханасы бар ұқыпты ресурс таптым LiveValidation деп аталатын нысанды тексеру.

16 Пікірлер

  1. 1

    Мен бұлардың формаларға арналған керемет мүмкіндіктерімен келісемін, бірақ JavaScript-ті түпнұсқалық растамауды орындау «ақталмайтын» деп айту - бұл жеке пікір. Мен JavaScript-те жұмыс істегенді жақсы көремін және сіз айтқан кейбір нәрселерді жасау үшін өте жақсы өңделген маскалар жаздым, бірақ олардың көпшілігі маңызды емес, және көптеген JavaScript формаларын тексеру пакеттері бірнеше үлкен саңылауларға ие. Әрқайсысы өздерінің артқы түпнұсқалық растамасын көбінесе алдыңғы JavaScript валидациясымен (көбінесе емес) көбейтуге уақыт жұмсамайды.

    Жақсы ұпайлар, бірақ менің ойымша, кез-келген онлайн формасы «қажет» емес.

  2. 2

    Құпия сөз тексергіші салыстырмалы түрде бұзылған. Ұзын болса, кез-келген құпия сөз жеткілікті.

    Мысал:

    Бұл шынымен де орташа пароль ма?

    f46dffe6ff4ffgdfgfjfgyu656hfdt74tyhdtu5674yfgh6uhhye45herdhrt64684hythdfth54y54348fgdcvzse8cn984v3p4m6vq98476m3wuw89ewfucsd8fg67s4v8tw76u340m6tver7nt+s89346vs+0em9u+s+09hrtuhss586ysvne4896vb4865tbv089rt++

  3. 4

    Мен үшін форманың ең жақсы расталуы - бұл пайдаланушыға AJAX / Server жағында валидация болған кезде клиенттің валидациясы туралы әсер қалдырған кезде.
    Сіз өзіңіздің пішін элементтеріңізге барлық форманы AJAX арқылы серверге жіберіп, тиісті қате туралы хабарламаларды қайтаратын «тексеру» функциясын қолдана отырып, кейбір оқиғалармен жұмыс жасауды (пернелер тіркесімі, бұлыңғырлық, басу, т.с.с.) бекітуіңіз керек (бұл құпия сөз де қарапайым, бұл күн қате форматта және т.б.))
    Пайдаланушы форманы жіберу батырмасын басу арқылы орналастырған кезде, сіз деректерді дерекқорға немесе басқа процестерге енгізбес бұрын, форманы соңғы рет растау үшін сервердің «тексеру» функциясын қолдана аласыз.
    Осылайша, пайдаланушылар он-лайн режиміне риза, ал әзірлеушілер тек сервер жағында тек валидацияның дамуына қуанады.

    • 5
      • 6

        Даг - онша тез емес - SSN-ді жылдам форматтау сияқты пайдалы сипаттамалар маңызды емес екенімен келісемін. Оның пішімі бойынша болжам жасамай-ақ түзетуге болатын кезде хабарлама жіберуге оның жалқауы қате.

        Сонымен бірге мен Николаның Server Side логикасын AJAX-пен бірге қолдану туралы пікірімен келісемін.

  4. 7

    Сіздің атыңызда «Достарыңызға әсер етіңіз ...» деп жазылған, бірақ сіз мені осы 2 минут ішінде, телефоннан қоңырау шалып таң қалдырмадыңыз.

    Тақырыпты қайта жазыңыз (тым жаңылтпаш, мысалдар мен тәжірибелер талқыланып жатыр деп ойлайды).

    Егер адамдар мұны өз формаларында жасамаса, онда олар жай үйреніп жатыр немесе форма валидацияны қолдану үшін жеткіліксіз.

    Нағыз веб-бағдарламашылар мұны біледі және жасайды.

    • 8

      Джей,

      Бұл үшін кешіріңіз! Менің мақсатым әзірлеушілермен кері байланыс орнату емес еді - мен шынымен де менеджердің көзқарасы бойынша келдім. Мен сіздің пікіріңізбен келісемін - бірақ кейбір басқа әзірлеушілердің келіспейтіні қызықты! Менің ойымша, бұл өте өкінішті.

      Уақыт бөлгеніңіз үшін рақмет!
      Даг

  5. 9

    Мен кез-келген қосымшаның қажетті құрамдас бөлігі болып табылатын валидация туралы келісемін. Топтың жетекшісі ретінде мен, әдетте, тексерулердің жетіспеуі немесе мәтін енгізу ұзындығын шектеу сияқты себептерге байланысты «аяқталған» кодты жіберемін.

    Мен жұмыс істейтін көптеген нәрселер үшін қалыпты жағдайда және егер пайдаланушылар жүйені мен қалағандай қолданса, жұмыс істеуге 50% уақыт кетеді деп ойлаймын. Өңдеу уақытының қалған 50% -ы олардың енгізілуін тексеруден, деректердің тұтастығын қамтамасыздандырудан және форма өрістерінің зиянды деректердің енгізілуіне жол бермеуінен келеді.

    InputVerifiers-ді әуе свинг қосымшаларында қалай қолданатыныма және электронды пошта мәтін өрісін қалай тексеретінімді көрсететін пост жаздым. Мен қолданатын тұрақты өрнек телефон нөмірлерін, индекс кодтарын, SSN кодтарын және т.б. тексеру үшін оңай өзгертіледі.

    Менің блогтағы жазбам http://timarcher.com/?q=node/36

    Жақсы жазу!

  6. 10

    Мен келісемін. Құпия сөздер шынымен де маңызды және оларға байыпты қарау керек. Менің ойымша, барлық формаларда құпия сөзді екі рет теру қалыпты жағдай, бірақ екі парольдің жарамдылығын көрсетпеу бұл оның маңызды еместігін көрсетеді.

  7. 11

    Мен клиентті тексеру өте ыңғайлы функция бола алатындығымен келісемін. Дегенмен, тексерулердің мағынасы бар екеніне көз жеткізу маңызды.

    Сіз валидация қолданушыларды қалай адастырып, нашарлатып, біздің сайттан аластататыны туралы керемет мысал келтірдіңіз:

    Geek Wisdom құпия сөзінің сенімділігін ескереді tZhKwnUmIss әлсіз пароль болу үшін. Бұл өте жақсы құпия сөз ғана емес, сонымен қатар ол пайдаланушыларды алшақтатады, өйткені бұл оларға сіздің пароліңізбен кіріп, өз парақшаңызға кірудің қандай-да бір қауіпті екендігі туралы жалған түсінік береді.

    Жақсы құпия сөздің ұзындығы кемінде алты таңбадан тұратындығын және сандар мен әріптерден тұруы керек екендігі туралы пайдаланушыларға кеңестер берген әлдеқайда жақсы (және оңай) болар еді.

    Басқа күмәнді тексерулерге белгілі бір минималды ұзындықты қажет ететін немесе бос орын болмайтын пайдаланушы атаулары жатады. Пайдаланушы аттарында не қате бар? X, Джон Донемесе тіпті # *! §? Менің қолымнан келеді.

  8. 12

    Мен сізбен келісемін. Кейбір формалар жақсы көрінеді, бірақ ол жақсы тексеруді ұсынбайды. Жеке ақпарат беріледі және оны қағаз түріндегі кез келген іскери нысандар сияқты байыпты қабылдаған жөн.

  9. 13
  10. 14
  11. 15

    Нақты уақыт формасын растау үшін ізгілік туралы жазғаныңыз мені аз күлкілі деп санайды, бірақ посттың төменгі жағындағы түсініктеме парағында бұлардың ешқайсысы жоқ ...

    Мен сіздің ойларыңызды интернетке блогтау үшін WordPress-ті қолданып жатқаныңызды түсінемін, бірақ сіздің уағыздайтын нәрсеңізбен айналысуыңыз да жаман идея емес. 🙂

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

    • 16

      Дох! Сіз мені өлтірдіңіз, Аманда! Мен форманы растауды жақсартуға және оны WordPress-ке енгізуге уақыт тапқанымды қалаймын. Маған әсіресе ұнайды Adobe Spry тексеру негіздері және біреудің екеуін біріктіргенін көргіңіз келеді!

      Рахмет! (Және мен кез-келген тақырып бойынша бірнеше пікірлер бар екенін әрқашан бағалаймын).
      Даг

Сен не ойлайсың?

Бұл сайт спамның төмендеуі үшін Akismet пайдаланады. Деректеріңіздің қалай өңделетінін біліңіз.