მაგ. ელფოსტის დადასტურება JavaScript-ით (Regex)

ბევრჯერ გვიჩნდება საჭიროება, დავადასტუროთ, რომ ელ.ფოსტის მისამართი შეყვანილია ჩვენი ფორმის გარკვეულ ველში. მოქმედი იმეილი. ამ სტატიაში ჩვენ ვისწავლით, თუ როგორ უნდა დაადასტუროთ ელ.წერილები JavaScript-ში რეგულარული გამონათქვამების (ასევე ცნობილი როგორც regex) გამოყენებით.

რა არის რეგულარული გამოხატულება (რეგექსი)?

რეგულარული გამოხატულება არის სიმბოლოების თანმიმდევრობა, რომელიც განსაზღვრავს საძიებო ნიმუშს. ამ შემთხვევაში, ჩვენ გვინდა ვიპოვოთ ნიმუში, რომელიც წარმოადგენს მოქმედ ელფოსტის მისამართს.

რეგულარული გამონათქვამები არის ძლიერი და მოქნილი ინსტრუმენტი ტექსტის სტრიქონებთან მუშაობისთვის და შეყვანის მონაცემების დასადასტურებლად.

ელ.ფოსტის დადასტურება regex-ით

იმისთვის, რომ დავამტკიცოთ, რომ ელ.წერილი მოქმედებს, უნდა დავადასტუროთ, რომ ფორმატი სწორია, ანუ შეიცავს @ და დომენს. ამისთვის ვიყენებთ შემდეგ გამონათქვამს:

ვარ რეგექსი = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;

სრული ფორმის მაგალითი

შემდეგ მაგალითში ჩვენ ვაჩვენებთ, თუ როგორ უნდა დაადასტუროთ ელექტრონული ფოსტის მისამართი JavaScript-ისა და რეგულარული გამოხატვის გამოყენებით. ნაბიჯები, რომელსაც ჩვენ მივყვებით არის:

1. ჩვენ განვსაზღვრავთ ფუნქციას ე.წ დაადასტურე ფოსტა რომელიც არგუმენტად იღებს ელფოსტას დასადასტურებლად.
2. ჩვენ ვქმნით ცვლადს რეგექსი A შეიცავს რეგულარულ გამოხატულებას ელ.ფოსტის დასადასტურებლად.
3. ჩვენ ვიყენებთ მეთოდს ტესტი () ჩვეულებრივი გამონათქვამის შესამოწმებლად შეყვანილი ელ.წერილი ემთხვევა თუ არა ნიმუშს.
4. თუ ელ.წერილი სწორია, ჩვენ ვაჩვენებთ გამაფრთხილებელ შეტყობინებას, რომელიც მიუთითებს, რომ ის მოქმედებს; წინააღმდეგ შემთხვევაში, ჩვენ ვაჩვენებთ გაფრთხილების შეტყობინებას, რომელიც მიუთითებს, რომ ის არასწორია.
5. HTML-ში ჩვენ ვქმნით შეყვანის ველს ტიპის „ელ.წერილი“ და ღილაკი, რომელიც დაწკაპუნებისას გამოიძახებს ფუნქციას. დაადასტურე ფოსტა შეყვანის ველში შეყვანილი მნიშვნელობით.

ფუნქცია validateEmail (ფოსტა) {
// რეგულარული გამოხატულება ელფოსტის დასადასტურებლად
var regex = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;
// შეამოწმეთ ემთხვევა თუ არა ფოსტა რეგულარული გამოთქმით განსაზღვრულ ნიმუშს
თუ (regex.test (ფოსტა)) {
alert("Valid email");
} else {
გაფრთხილება ("არასწორი ელფოსტა");
}
}

ელ.ფოსტის დადასტურება JavaScript-ით და regex-ით

დადასტურება

JavaScript-ით დადასტურების უპირატესობები და უარყოფითი მხარეები

შეყვანის მონაცემების, როგორიცაა ელ.ფოსტის მისამართები, JavaScript-ის გამოყენება კლიენტის მხარეს აქვს დადებითი და უარყოფითი მხარეები:

უპირატესობები	ნაკლოვანებები
მყისიერი გამოხმაურება მომხმარებლისთვის	არ არის უსაფრთხო
ნაკლები დატვირთვა სერვერზე	ჯვარედინი ბრაუზერის თავსებადობა
გააუმჯობესეთ მომხმარებლის გამოცდილება	ძალისხმევის დუბლირება (კლიენტის/სერვერის მხარე)
რეაგირების დროის შემცირება	არ ცვლის ვალიდაციას სერვერის მხარეს

JavaScript-ის გამოყენებით მონაცემების დადასტურება არ არის სერვერის მხრიდან ვალიდაციის შემცვლელი. თუმცა, ეს ხელს უწყობს დატვირთვის შემცირებას. სერვერის მხარეს მონაცემების დასადასტურებლად გირჩევთ წაიკითხოთ:

• ფოსტის დადასტურება PHP-ით