ტექსტის შეყვანის ველი
შეაგროვეთ ტექსტი სიზუსტითა და მოქნილობით. მარტივი სახელებიდან დაწყებული რთული შაბლონებით დამთავრებული ჩაშენებული ვალიდაციის, ჭკვიანი ფორმატირებისა და ძლიერი პერსონალიზაციის ფუნქციით - ტექსტის შეყვანის ველი ადაპტირდება ნებისმიერ შემთხვევასთან სიმბოლოების შეზღუდვის, ავტომატური ფორმატირებისა და უსაფრთხო პაროლის რეჟიმების გამოყენებით.
ყველა WordPress ფორმის საფუძველი
იდეალურია:
ძლიერი ფუნქციები ყველა შემთხვევისთვის
📏 სიგრძის ჭკვიანი კონტროლი
სიმბოლოების მინიმალური და მაქსიმალური ლიმიტი
დააყენეთ დაშვებული უმოკლესი და გრძელი ტექსტური ჩანაწერები. ჩაშენებული ბრაუზერის ვალიდაციის საშუალებით თავიდან აიცილეთ ძალიან მოკლე ან ძალიან გრძელი ტექსტური ჩანაწერები.
რეალურ დროში ვალიდაცია
მომხმარებლები მყისიერ გამოხმაურებას ხედავენ, თუ მათი ნამუშევარი არ აკმაყოფილებს სიგრძის მოთხოვნებს - გაგზავნის შემდეგ არანაირი სიურპრიზი არ იქნება.
მაგალითები:
- მომხმარებლის სახელი: მინიმუმ 3, მაქსიმუმ 20 სიმბოლო
- საფოსტო ინდექსი: მინიმუმ 5, მაქს. 10 სიმბოლო
- სახელი: მინ. 2, მაქს. 50 სიმბოლო
- კომენტარი: მაქსიმუმ 500 სიმბოლო
რატომ ეს თემა:
აკონტროლეთ მონაცემთა ხარისხი, თავიდან აიცილეთ სპამი, უზრუნველყავით მონაცემთა ბაზის თავსებადობა და უხელმძღვანელეთ მომხმარებლებს ინფორმაციის სწორი რაოდენობის მიწოდებაში.
✅ ჩაშენებული დადასტურების შაბლონები
6 წინასწარ კონფიგურირებული ვალიდაციის ტიპი:
- 1. არცერთი – ნებისმიერი ტექსტის მიღება (ნაგულისხმევი)
2. ელ. ფოსტა – ადასტურებს ელ. ფოსტის სწორ ფორმატს ([ელ.ფოსტით დაცულია])
3. URL – საჭიროა მოქმედი ვებ მისამართები (https://example.com)
4. მხოლოდ ასოები – მხოლოდ ანბანური სიმბოლოები და ინტერვალები (ჯონ დოუ)
5. მხოლოდ რიცხვები – მხოლოდ რიცხვითი ციფრები (123456)
6. ანბანური – ასოები და ციფრები, სპეციალური სიმბოლოების გარეშე (User123)
პლუს მორგებული ნიმუშები:
- განსაზღვრეთ თქვენი საკუთარი regex ვალიდაცია სპეციალიზებული ფორმატებისთვის, როგორიცაა:
- სანომრე ნიშნები: `^[AZ]{3}[0-9]{4}$`
- პროდუქტის კოდები: `^[AZ]{2}[0-9]{6}$`
- თქვენი ბიზნესისთვის უნიკალური, მორგებული ფორმატები
მყისიერი გამოხმაურება:
მომხმარებლები ხედავენ მკაფიო შეცდომის შეტყობინებებს, თუ მათი შეყვანილი მონაცემები არ შეესაბამება საჭირო ფორმატს.
✂️ ავტომატური თეთრი სივრცის მოჭრა
მონაცემების ავტომატური გაწმენდა
ტექსტის ჩანაწერების დასაწყისიდან და ბოლოდან შემთხვევითი ინტერვალების ამოღება. აღარ დაგჭირდებათ „ჯონი“, როცა „ჯონი“ გჭირდებათ.
გამოიყენეთ შემთხვევები:
- ელექტრონული ფოსტის მისამართები (ბოლო ინტერვალების გარეშე)
- მომხმარებლის სახელები (წინა სივრცეების გარეშე)
- საცნობარო კოდები (ზუსტი დამთხვევები)
- ნებისმიერი სფერო, სადაც სიზუსტე მნიშვნელოვანია
უპირატესობები:
ამცირებს მომხმარებლის შეცდომებს, აუმჯობესებს მონაცემთა თანმიმდევრულობას, ხელს უშლის ვალიდაციის პრობლემებს და ამარტივებს შესაბამისობისა და ძიების პროცესს.
🔒 პაროლის რეჟიმი
უსაფრთხო შეყვანის შენიღბვა
ნებისმიერი ტექსტური ველი გარდაქმენით პაროლის ველად. სიმბოლოები წერტილების (•••) სახით გამოჩნდება, რათა დაცული იყოს მგრძნობიარე ინფორმაცია მხრის მომხმარებლებისგან.
იდეალურია:
- პაროლის და PIN-ის შეყვანები
- უსაფრთხოების კოდები და ტოკენები
- კონფიდენციალური პირადობის ნომრები
- ორფაქტორიანი ავტორიზაციის კოდები
ჭკვიანური ქცევა:
პაროლის რეჟიმი ავტომატურად გამორთავს კონფლიქტურ ფუნქციებს, როგორიცაა ტექსტის ტრანსფორმაცია და სპეციალური შეყვანის ტიპები, უსაფრთხოების უზრუნველსაყოფად.
📱 ჭკვიანი შეყვანის ტიპები
ოპტიმიზებულია მობილური და დესკტოპისთვის:
- ჩვეულებრივი ტექსტი – სტანდარტული ტექსტის შეყვანა ზოგადი გამოყენებისთვის
- ძიება – მოყვება ჩაშენებული გასუფთავების ღილაკი (X) სწრაფი გადატვირთვისთვის
- ტელეფონი - მობილური მოწყობილობების ციფრული კლავიატურის გააქტიურება ტელეფონის ნომრის შეყვანის გასამარტივებლად
- URL – აჩვენებს სპეციალიზებულ მობილურ კლავიატურას .com, .org მალსახმობებით
რატომ ეს თემა:
სწორი შეყვანის ტიპი აჩქარებს მონაცემთა შეყვანას მობილურ მოწყობილობაზე, ამცირებს შეცდომებს და აუმჯობესებს მომხმარებლის გამოცდილებას ყველა მოწყობილობაზე.
🎨 ტექსტის ავტომატური ტრანსფორმაცია
ტექსტის ფორმატირება მომხმარებლის მიერ შეყვანილი ტექსტის მიხედვით:
- ტრანსფორმაცია არ არის - ტექსტი ზუსტად ისე რჩება, როგორც შეყვანილია
- დიდი ასოები – ყველა ტექსტს დიდი ასოებით გარდაქმნის (ჯონ დოუ)
- პატარა ასოები – ყველა ტექსტს პატარა ასოებად გარდაქმნის (ჯონ დოუ)
- პირველი ასო დიდი ასოთი დაწეროთ – მხოლოდ პირველი ასო დიდი ასოთი (ჯონ დოუ)
- სათაურის რეგისტრი – თითოეული სიტყვის პირველი ასო (ჯონ დოუ)
იდეალურია:
- დიდი ასოებით: სანომრე ნიშნები, შტატის კოდები, პროდუქტის ID-ები
- პატარა ასოები: ელექტრონული ფოსტის მისამართები, მომხმარებლის სახელები
- დიდი ასოებით: წინადადების დასაწყისი, ცალკეული სახელები
- ტიტულის დაფა: სრული სახელები, მისამართები, ტიტულები
ჭკვიანური ქცევა:
ტრანსფორმაცია ავტომატურად ხდება წარდგენის დროს, სანამ მომხმარებლები ხედავენ თავიანთ თავდაპირველ შეყვანას.
🙈 დამალული ველის რეჟიმი
უხილავი მონაცემთა ველები
შექმენით ველები, რომლებიც მომხმარებლებისთვის ხილული არ არის, მაგრამ ფორმასთან ერთად წარადგენენ მონაცემებს. იდეალურია თვალთვალისთვის, რეფერალური კოდებისა და სისტემის მნიშვნელობებისთვის.
გამოიყენეთ შემთხვევები:
- UTM თვალთვალის პარამეტრები
- რეფერალური წყაროს ID-ები
- ფორმის ვერსიის ნომრები
- დროის ნიშნულის მარკერები
- დამალული მეტამონაცემები
როგორ მუშაობს:
დააყენეთ „დაფარული მნიშვნელობა“ და ის ავტომატურად შეიტანება ყველა წარდგენილ ფორმაში, ფორმის ინტერფეისის გადატვირთვის გარეშე.
🔀 პირობითი ლოგიკა
დინამიური ველის ხილვადობა
სხვა ფორმის მნიშვნელობების მიხედვით ტექსტური ველების ჩვენება ან დამალვა. შექმენით ინტელექტუალური ფორმები, რომლებიც მომხმარებლის შეყვანას ეგუება.
გაფართოებული ლოგიკური წესები:
- და ლოგიკა - ყველა პირობა უნდა დაკმაყოფილდეს
- ან ლოგიკა - ნებისმიერ პირობას შეუძლია მოქმედების გამოწვევა
- 8 ოპერატორი – ტოლია, არ არის ტოლი, მეტია, ნაკლებია, შეიცავს, ცარიელია და სხვა
გამოიყენეთ შემთხვევები:
- „კომპანიის სახელის“ ჩვენება მხოლოდ მაშინ, როდესაც მომხმარებლის ტიპი უდრის „ბიზნესს“
- „რეფერალური წყაროს“ ჩვენება, როდესაც „როგორ შეიტყვეთ ჩვენს შესახებ?“ შეიცავს „რეფერალს“
- დამალეთ „სხვა დეტალები“, როდესაც ძირითადი ოფცია ცარიელი არ არის
- „პრომო კოდის“ ჩვენება, როდესაც შეკვეთის ღირებულება 100 დოლარზე მეტია
🎯 გაუმჯობესებული მომხმარებლის გამოცდილება
ჩაშენებული ჭკვიანი ფუნქციები:
- ნაგულისხმევი მნიშვნელობები – ველების წინასწარ შევსება დასრულების დასაჩქარებლად
- ჩანაცვლების ტექსტი – აჩვენეთ სასარგებლო მინიშნებები, სანამ მომხმარებლები აკრეფენ
- დახმარების ტექსტი – დაამატეთ აღწერილობები იმის გასაგებად, თუ რა უნდა შეიყვანოთ
- სავალდებულო ვალიდაცია - ველები სავალდებულო გახადეთ მკაფიო ინდიკატორებით
- CSS-ის მორგებული კლასები – გამოიყენეთ მორგებული სტილი თქვენი ბრენდის შესაბამისად
- ხელმისაწვდომობის მხარდაჭერა – ARIA ეტიკეტები ეკრანის წამკითხველებისთვის
- მობილურისთვის ოპტიმიზირებული - შეხებისთვის მოსახერხებელი შეყვანა შესაბამისი კლავიატურებით
მარტივი დაყენება 3 ნაბიჯში
მოამზადეთ თქვენი ტექსტის შეყვანის ველი წუთებში
დაამატეთ ტექსტური ველი
ფორმაში გადაიტანეთ და ჩააგდეთ ტექსტის შეყვანის ველი ძირითადი ველების განყოფილებიდან.
ვალიდაციისა და ლიმიტების დაყენება
აირჩიეთ ვალიდაციის ტიპი (ელ. ფოსტა, URL, ასოები და ა.შ.), დააყენეთ სიმბოლოების მინიმალური/მაქსიმალური ლიმიტი და სურვილისამებრ ჩართეთ პაროლის რეჟიმი ან ცარიელი ადგილების შემცირება.
ფორმატირების კონფიგურაცია
მობილური ოპტიმიზაციისთვის აირჩიეთ შეყვანის ტიპი, აირჩიეთ ტექსტის ტრანსფორმაცია (დიდი ასო, პატარა ასო და ა.შ.) და დააყენეთ ნაგულისხმევი მნიშვნელობები ან ჩანაცვლების ველები.
???? სულ ესაა! თქვენი ტექსტური ველი მზადაა ჭკვიანი ვალიდაციისა და ფორმატირების მეშვეობით.
რეალური სამყაროს აპლიკაციები
მომხმარებლის რეგისტრაცია
* მომხმარებლის სახელის ველები სიგრძის შეზღუდვით
* პაროლის შეყვანა ნიღბით
* სახელის ველები სათაურის რეგისტრის ფორმატირებით
* ელექტრონული ფოსტის მისამართები დადასტურებით
საკონტაქტო ფორმები
* სრული სახელი და გვარი სათაურის რეგისტრით
* ელფოსტის დადასტურება
* ტელეფონის ნომრები ტელეფონის შეყვანით
* შეტყობინების/კომენტარის ველები
E-commerce
* პრომო კოდის შეყვანა (დიდი ასოებით)
* საჩუქრის შეტყობინების ველები
* სპეციალური ინსტრუქციები
* მიწოდების შენიშვნები
ბიზნეს პროგრამები
* თანამშრომლის ID ნომრები
* დეპარტამენტების სახელები
* საცნობარო ნომრები
* შიდა კოდები
განაცხადები და რეგისტრაცია
* ლიცენზიის ნომრები
* სერტიფიცირების კოდები
* წევრობის ID-ები
* მორგებული იდენტიფიკატორები
ძიება და ფილტრაცია
* ძიების შეყვანა გასუფთავების ღილაკით
* ტექსტური ველების ფილტრი
* საკვანძო სიტყვების ჩანაწერები
* შეკითხვის შეყვანა
ველის შევსების პარამეტრები
ძირითადი კონფიგურაცია
- ველის იარლიყი – ტექსტის ველის ზემოთ ნაჩვენები სათაური
- აღწერა/დახმარების ტექსტი – დამატებითი ინსტრუქცია მომხმარებლებისთვის
- სავალდებულო ველი – ტექსტის შეყვანა სავალდებულო გახადეთ
- ჩანაცვლების ტექსტი – მინიშნების ტექსტი მომხმარებლის მიერ აკრეფის წინ
სიგრძის ვალიდაცია
- მინიმალური სიგრძე – დაშვებული სიმბოლოების რაოდენობა მინიმუმამდეა დაყვანილი (ვალიდაცია)
- მაქსიმალური სიგრძე – დაშვებული სიმბოლოების რაოდენობა (მკაცრი ლიმიტი)
ნაგულისხმევი მნიშვნელობები
- ნაგულისხმევი მნიშვნელობა – ფორმის ჩატვირთვისას წინასწარ შევსებული ტექსტი
- დამალული მნიშვნელობა – დამალული ველების მნიშვნელობა (როდესაც დამალული რეჟიმი ჩართულია)
უსაფრთხოება და კონფიდენციალურობა
- პაროლის ველი – პაროლის სახით შეყვანის ნიღაბი (აჩვენებს წერტილებს •••)
დამალული ველი – გახადეთ ველი უხილავი, მაგრამ შეიტანეთ წარდგენილ მასალებში
მონაცემთა ხარისხი
ცარიელი სივრცეების მოჭრა – ავტომატურად წაშალეთ დამატებითი სივრცეები დასაწყისიდან და ბოლოდან
ვალიდაციის წესები
- ვალიდაციის ტიპი
- არცერთი (ნებისმიერი ტექსტი)
- ელფოსტა ([ელ.ფოსტით დაცულია])
- URL (https://example.com)
- მხოლოდ ასოები (მხოლოდ AZ)
- მხოლოდ რიცხვები (მხოლოდ 0-9)
- ანბანური (AZ და 0-9)
- მორგებული ნიმუში (რეგულარული)
- მორგებული ნიმუში – რეგულარული გამოსახულება მორგებული ვალიდაციისთვის (როდესაც არჩეულია „მორგებული“)
შეყვანის ტიპები
- შეყვანის ტიპი
- ჩვეულებრივი ტექსტი
- ძიება (გასუფთავების ღილაკით)
- ტელეფონი (მობილურზე ციფრული კლავიატურა)
- URL (სპეციალიზებული მობილური კლავიატურა)
ტექსტის ფორმატირება
- ტექსტის ტრანსფორმაცია
- ტრანსფორმაციის გარეშე
- UPPERCASE
- ამას
- პირველი ასოს დიდი ასო
- სათაურის საქმე
პირობითი ლოგიკა
- პირობითი ლოგიკის ჩართვა – ჩვენება/დამალვა პირობების მიხედვით
- ლოგიკის ტიპი
- ყველა პირობა უნდა დაკმაყოფილდეს (და)
- ნებისმიერი პირობის დაკმაყოფილება შესაძლებელია (ან)
- პირობების წესები
- ჩვენება/დამალვა – შესასრულებელი მოქმედება
- ველი - რომელი ველი უნდა შემოწმდეს
- ოპერატორი – ტოლია, არ არის ტოლი, შეიცავს, მეტია, ნაკლებია, ცარიელია, არ არის ცარიელი
- ღირებულება – შედარების ღირებულება
- მრავალი პირობა - დაამატეთ შეუზღუდავი წესები
დამატებითი პარამეტრები
- მორგებული CSS კლასები – გამოიყენეთ მორგებული სტილი
- ხელმისაწვდომობის ატრიბუტები – ARIA ეტიკეტები და აღწერილობები
რატომ უნდა აირჩიოთ ჩვენი ტექსტის შეყვანის ველი?
✅ მრავალმხრივი – მუშაობს სახელებისთვის, კოდებისთვის, პაროლებისთვის და ყველაფრისთვის, რაც მათ შორისაა
✅ ჭკვიანი ვალიდაცია – 6+ ვალიდაციის შაბლონი პლუს მორგებული რეგულარული სქემები
✅ მობილურებისთვის ოპტიმიზირებული - თითოეული შეყვანის ტიპისთვის შესაბამისი კლავიატურები
✅ ავტომატური ფორმატირება - ტექსტის ტრანსფორმაცია ავტომატურად ხდება
✅ უსაფრთხო - პაროლის რეჟიმი იცავს მგრძნობიარე ინფორმაციას
✅ მონაცემების გაწმენდა – ცარიელი სივრცეების შემცირება ხელს უშლის გავრცელებულ შეცდომებს.
✅ მოქნილი - დამალული ველები, ნაგულისხმევი მნიშვნელობები, პირობითი ლოგიკა
✅ მომხმარებლისთვის მოსახერხებელი – მკაფიო დადასტურების შეტყობინებები მომხმარებლებს ეხმარება
✅ სრულად ინტეგრირებული - შეუფერხებლად მუშაობს ფორმის ყველა ფუნქციასთან
ხშირად დასმული შეკითხვები
კითხვა: რა განსხვავებაა მინიმალურ/მაქსიმალურ სიგრძესა და ვალიდაციას შორის?
მინიმალური/მაქსიმალური სიგრძე განსაზღვრავს დაშვებული სიმბოლოების რაოდენობას. ვალიდაცია განსაზღვრავს, თუ რომელი სიმბოლოებია დაშვებული, მაგალითად, მხოლოდ ასოები, მხოლოდ ციფრები ან ელფოსტის ფორმატი.
კითხვა: შემიძლია როგორც სიგრძის, ასევე ფორმატის დადასტურება?
დიახ. მინიმალური/მაქსიმალური სიგრძე დააკავშირეთ ვალიდაციის წესებთან. მაგალითად, მომხმარებლის სახელის ველისთვის დააყენეთ მინიმალური 3, მაქსიმალური 15 და ასო-ციფრული ვალიდაცია.
კითხვა: როგორ მუშაობს პაროლის რეჟიმი?
პაროლის რეჟიმი სიმბოლოებს წერტილებით ნიღბავს, ისევე როგორც შესვლის ეკრანებზე პაროლის ტიპიური ველები.
კითხვა: რას აკეთებს „თეთრი სივრცის მოჭრა“?
ის გაგზავნამდე აშორებს როგორც საწყის, ასევე ბოლო სივრცეებს, რათა შემთხვევითმა სივრცეებმა არ დაარღვიოს ვალიდაცია.
კითხვა: შემიძლია შევქმნა მორგებული ვალიდაციის შაბლონები?
დიახ. გამოიყენეთ „მორგებული ნიმუში“ და დაამატეთ რეგულარული გამოსახულება ნებისმიერი სტრუქტურის ასამოქმედებლად.
კითხვა: როგორ მუშაობს ტექსტის ტრანსფორმაციები?
მომხმარებელი ჩვეულებრივ აკრეფს ტექსტს და სისტემა გაგზავნისთანავე გარდაქმნის ტექსტს, მაგალითად, სათაურის ასოების დიდი ან დიდი ასოებით დაწერით.
კითხვა: რისთვის არის ძიების შეყვანის ტიპი?
ის ამატებს ჩაშენებულ გასუფთავების (X) ღილაკს, რათა მომხმარებლებს ძიების დროს მყისიერად შეეძლოთ ველის გადატვირთვა.
კითხვა: რატომ გამოვიყენოთ შეყვანის ტიპი „tel“?
მობილურზე ის ხსნის ციფრული კლავიატურას, რათა ტელეფონის სტილის ციფრების შეყვანა გამარტივდეს.
კითხვა: შემიძლია პირობითი ლოგიკის გამოყენება ტექსტურ ველებთან?
დიახ. ისეთი პირობები, როგორიცაა „შეიცავს“, „უდრის“ ან „ცარიელია“, საშუალებას გაძლევთ აჩვენოთ ან დამალოთ ველები მომხმარებლის მიერ შეყვანილი მონაცემების მიხედვით.
კითხვა: რისთვის გამოიყენება დაფარული ველები?
ისინი მონაცემებს მომხმარებლისთვის ხილვადობის გარეშე ინახავენ, რაც სასარგებლოა მეტამონაცემების თვალყურის დევნებისთვის, როგორიცაა UTM ტეგები ან რეფერალური წყაროები.
კითხვა: შეიძლება ტექსტური ველების გამოყენება რიცხვებისთვის?
დიახ, მაგრამ გამოიყენეთ რიცხვითი ველი გამოთვლების ან რიცხვითი ვალიდაციისთვის. გამოიყენეთ ტექსტი „მხოლოდ რიცხვები“-სთან ერთად, როდესაც გჭირდებათ კოდები ან ID-ები, რომლებიც არ უნდა ჩაითვალოს ციფრებად.
კითხვა: რამდენად ზუსტი შეიძლება იყოს რეგულარული სქემები?
Regex-ს შეუძლია უკიდურესად სპეციფიკური შაბლონების დაწესება. თუ რთული შაბლონების შექმნა ან დადასტურება გჭირდებათ, გამოიყენეთ regex ტესტერი.
