ატრიბუტი pattern

ატრიბუტი pattern ადგენს HTML ფორმის შეყვანის ველის შემოწმებას რეგულარული გამოსახულების მიხედვით.

რეგულარული გამოსახულებები - ეს არის სპეციალური ბრძანებები, რომლებიც საშუალებას გაძლევთ შექმნათ თითქმის ნებისმიერი შემოწმების წესი. მათთან დეტალურად შეგიძლიათ გაეცნოთ PHP-ის რეგულარული გამოსახულებების წიგნში ან JavaScript-ის რეგულარული გამოსახულებების წიგნში.

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

გაითვალისწინეთ, რომ ატრიბუტის pattern ყოფნა არ გათავისუფლებთ ფორმის სისწორის შემოწმებისგან სერვერის მხრიდან PHP-ით (რადგან ატრიბუტის მეშვეობით დაცვის მარტივად გვერდის ავლეა შესაძლებელი).

ატრიბუტი pattern უნდა იქნას გამოყენებული ტეგებთან input ან textarea.

მაგალითი

მივმართოთ ტეგს input და დავუმატოთ ატრიბუტი pattern, რომელშიც ჩავსვამთ რეგულარულ გამოსახულებას, რომელიც ამოწმებს რომ ინპუტში შეყვანილია ორნიშნა რიცხვი (მაგალითად, 25).

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

html<form action="">
  <input type="text" pattern="\d{2}">
  <input type="submit">
</form>

Результат:

მაგალითი . ცარიელი ველი

წინა მაგალითში ბრაუზერი აჩენდა შეცდომას მხოლოდ იმ შემთხვევაში, თუ ველი არ იყო ცარიელი (მიუხედავად იმისა, რომ ცარიელი ველი არ არის ორნიშნა რიცხვი). მოდით, ვცადოთ ისე მოვიქცეთ, რომ შეცდომა გამოჩნდეს ცარიელ ველზეც - ატრიბუტთან pattern ერთად დავწეროთ აგრეთვე ატრიბუტი required:

html<form action="">
  <input type="text" pattern="\d{2}" required>
  <input type="submit">
</form>

Результат:

იხილეთ აგრეთვე