Menu

Formularze Laravel i zasady walidacji z przykładem

  • Główny
  • Inny
  • Formularze Laravel i zasady walidacji z przykładem

laravel forms validation rules with example

Wypróbuj Nasz Instrument Do Eliminowania Problemów

Ten poradnik wyjaśnia formularze Laravel i zasady walidacji formularzy. Poznaj różne elementy formularza z przykładami:

w Baza danych Laravel samouczek Seria samouczków Laravel , dowiedzieliśmy się o obsłudze baz danych, migracjach, wysiewaniu, nieprzetworzonych zapytaniach SQL, modelach elokwentnych, relacjach wymownych, rzemieślniku i majsterkowiczu.

Formularze są podstawową funkcją podczas tworzenia aplikacji internetowych. Trudno nawet pomyśleć o aplikacji internetowej bez formularza. Walidacja jest krytycznym czynnikiem podczas tworzenia formularza i bez odpowiedniej walidacji są one bezużyteczne.

Istnieje kilka metod tworzenia formularza. W tym samouczku omówiliśmy jedną z takich metod. Ten samouczek odświeża również Twoją wiedzę o HTML związaną z formularzami.

Formy Laravel i walidacja

W tym samouczku omówiliśmy Formy Laravel i Zasady walidacji Laravel . We wszystkich przykładach użyliśmy Laravel wersja 7 .

Czego się nauczysz:

Laravel Forms

Wymagania wstępne

Aby kontynuować, musisz zapoznać się z następującymi pojęciami:

# 1) Bootstrap

Użyliśmy Bootstrap jako ramy CSS w tym samouczku, zakładając, że znasz strukturę Bootstrap. Odwiedź to połączyć aby dowiedzieć się więcej o Bootstrap.

# 2) Instalacja Laravel i stworzenie nowego projektu

Proszę odnieść się do Laravel Wprowadzenie Tutorial aby zrozumieć, jak zainstalować Laravel i stworzyć nowy projekt.

# 3) Konfiguracja bazy danych Laravel

Proszę odnieść się do Laravel Database Tutorial mieć podstawowe pojęcie o koncepcji bazy danych Laravel.

Token CSRF

CSRF oznacza Fałszerstwo żądań między lokacjami . Token CSRF służy do ochrony aplikacji internetowej przed atakami CSRF. Ten token zawiera unikatową wartość wygenerowaną przez aplikację po stronie serwera, która jest wysyłana do aplikacji po stronie klienta. Ponadto pomaga zweryfikować, czy uwierzytelniony użytkownik wysyła żądanie do aplikacji.

Używamy tego tokena, gdy programista tworzy formularz, jak pokazano poniżej:

@csrf ...

Elementy formularza

Poniższa lista przedstawia niektóre elementy formularza, których możemy użyć podczas tworzenia formularza.

  • Etykieta
  • Wprowadzanie tekstu
  • Domyślne wejście
  • Wprowadzanie liczb
  • Wprowadzenie daty
  • Plik wejściowy
  • Ukryte wejście
  • Textarea
  • Wprowadź e-mail
  • Wprowadź hasło
  • Lista rozwijana lub zaznacz pole
  • Wejście przycisku radiowego
    • Wejście przycisku radiowego
    • Zaznaczone wejście przycisku opcji
  • Pole wyboru
    • Pole wyboru
    • Pole wyboru, które jest zaznaczone
  • Przycisk
    • Przycisk normalny
    • Przycisk Prześlij
    • Przycisk odpoczynku

Podczas tworzenia formularza możemy użyć następujących fragmentów kodu jako odniesienia.

# 1) Etykieta

Opis: Etykieta reprezentuje podpis elementu formularza.

Przykład: Generowanie etykiety dla Imię .

First Name

# 2) Wprowadzanie tekstu

Opis: Pole wprowadzania tekstu to jedno wierszowe pole wejściowe, które umożliwia użytkownikowi wprowadzenie tekstu.

Przykład: Generowanie pola wprowadzania tekstu dla Imię .

# 3) Domyślne wejście

Opis: Domyślne pole wejściowe umożliwia programiście wstawienie pola wejściowego z wartością domyślną. Użytkownik może przesłać formularz z wartością domyślną lub zmienić wartość.

Przykład: Generowanie pola wejściowego dla Imię z wartością domyślną nieznany z nazwiska .

# 4) Wprowadzanie liczb

Opis: Liczba pól wejściowych pozwala użytkownikowi wprowadzić wartość liczbową.

Przykład: Generowanie pola wprowadzania liczb dla wiek .

# 5) Wprowadzenie daty

Opis: Pole wprowadzania daty pozwala użytkownikowi wybrać datę.

Przykład: Generowanie pola wprowadzania daty dla Data urodzenia .

# 6) Wejście pliku

Opis: Pole wejściowe pliku umożliwia użytkownikowi przesłanie pliku.

Przykład: Generowanie pola wyboru pliku dla kopia certyfikatu Przekazać plik.

# 7) Ukryte wejście

Opis: Ukryte pole wejściowe umożliwia programiście dodawanie danych, gdy użytkownik przesyła formularz, a użytkownik nie może wyświetlać ani modyfikować tych danych.

Przykład: Generowanie ukrytego pola wejściowego dla legitymacja studencka to ma wartość 220 .

# 8) Textarea

Opis: Pole tekstowe umożliwia użytkownikowi wprowadzenie długiego tekstu. Może zawierać wiele wierszy tekstu.

Przykład: Generowanie textarea dla adres .

# 9) Wejście e-mail

Opis: Pole wprowadzania adresu e-mail umożliwia użytkownikowi wprowadzenie adresu e-mail. Automatycznie sprawdza format wiadomości e-mail.

Przykład: Generowanie pola wprowadzania adresu e-mail.

# 10) Wprowadzenie hasła

Opis: Pole wprowadzania hasła umożliwia użytkownikowi wprowadzenie hasła. Wprowadzane znaki są maskowane.

Przykład: Generowanie pola wprowadzania hasła.

# 11) Lista rozwijana lub pole wyboru

Opis: Lista rozwijana lub pole wyboru umożliwia użytkownikowi wybranie opcji z listy opcji.

Przykład: Generowanie listy rozwijanej dla tytuł .

Title -- Mr. Ms. Dr.

# 12) Wejście przycisku radiowego

a) Wejście przycisku radiowego

Opis: Przycisk opcji umożliwia użytkownikowi wybranie jednej opcji z listy dwóch lub więcej wzajemnie wykluczających się opcji.

Przykład: Generowanie pola wprowadzania przycisku radiowego dla płeć .

Gender Male Female

b) Sprawdzane wejście przycisku opcji

Opis: Dzięki temu programiści mogą wstawić zaznaczone pole wprowadzania przycisku radiowego.

Przykład: Generowanie pola wprowadzania przycisku radiowego dla płeć - męski opcja jest sprawdzone .

Gender Male Female

# 13) Pole wyboru

a) Pole wyboru

Opis: Pole wyboru pozwala użytkownikowi wybrać jedną lub więcej opcji z danego zestawu opcji.

Przykład: Generowanie pola wejściowego pola wyboru dla zabarwienie .

Colours Red Yellow Green

b) Pole wyboru, które jest zaznaczone

Opis: Dzięki temu programiści mogą wstawić zaznaczone pole wyboru.

Przykład: Generowanie pola wejściowego pola wyboru dla zabarwienie - netto jest sprawdzone .

Colours Red Yellow Green

# 14) Przyciski

Podczas tworzenia formularzy Laravel można używać trzech rodzajów przycisków.

  • Przycisk normalny
  • Przycisk Prześlij
  • Przycisk reset

a) Przycisk normalny

Opis: Zwykły przycisk to przycisk, który można kliknąć.

Przykład: Generowanie normalnego przycisku.

b) Przycisk Prześlij

Opis: Przycisk przesyłania umożliwia użytkownikowi przesłanie danych formularza do aplikacji po stronie serwera.

Przykład: Generowanie przycisku przesyłania.

c) Przycisk Reset

Opis: Przycisk resetowania umożliwia użytkownikowi ustawienie oryginalnych wartości pól formularza.

Przykład: Generowanie przycisku resetowania.

Zasady walidacji Laravel

Poniższa lista przedstawia niektóre zasady walidacji Laravel:

Uwaga : Zapoznaj się z oficjalna dokumentacja walidacji Laravel aby zobaczyć pełną listę walidacji. Poniżej wymieniono niektóre z ważnych zasad.

# 1) Przed lub równe (data) - before_or_equal: data

Ta reguła walidacji pozwala tylko na użycie wartości poprzedzającej lub równej podanej dacie.

#dwa) pomiędzy - pomiędzy: min, max

Ta reguła walidacji zezwala tylko na użycie rozmiaru między podaną wartością minimalną i maksymalną.

# 3) Data - data

Ta reguła walidacji zezwala tylko na użycie prawidłowej, nie względnej daty zgodnie z strtotime Funkcja PHP.

# 4) Format daty - date_format: format

Zgodnie z tą regułą walidacji pole musi pasować do podanego formatu.

# 5) Różne - inny: pole

czym otwierać pliki swf

Zgodnie z tą regułą walidacji pole musi mieć inną wartość niż pole.

# 6) Wyraźny - odrębny

Podczas pracy z tablicami, zgodnie z tą regułą walidacji, pole nie może zawierać żadnych zduplikowanych wartości.

# 7) E-mail - e-mail

Zgodnie z tą zasadą walidacji pole musi być sformatowane jako adres e-mail.

# 8) Plik graficzny) - wizerunek

Zgodnie z tą regułą walidacji pole musi być obrazem (jpeg, png, bmp, gif, svg lub webp).

# 9) Nullable - nieważne

Zgodnie z tą regułą walidacji pole musi być puste.

# 10) Numeryczne - numeryczny

Zgodnie z tą regułą walidacji pole musi być numeryczne.

#jedenaście) Wyrażenie regularne - regex: wzorzec

Zgodnie z tą regułą walidacji pole musi być zgodne z podanym wyrażeniem regularnym.

# 12) wymagany - wymagany

Zgodnie z tą regułą walidacji pole musi być obecne w danych wejściowych i nie może być puste.

# 13) Rozmiar - rozmiar: wartość

Zgodnie z tą regułą walidacji pole musi mieć rozmiar odpowiadający podanej wartości.

# 14) Czasami - czasami

Ta reguła sprawdzania poprawności uruchamia sprawdzanie poprawności w odniesieniu do pola tylko wtedy, gdy to pole jest obecne w tablicy wejściowej.

#piętnaście) URL - url

Zgodnie z tą regułą walidacji pole musi zawierać prawidłowy adres URL.

Przykład Laravel Forms z walidacją Laravel

W tym przykładzie utworzymy formularz rejestracyjny studenta z podstawową walidacją Laravel.

Krok 1: Zainstaluj nowy projekt Laravel.

Krok 2: Połącz swój projekt z bazą danych.

Krok 3: Stwórz xxxx_xx_xx_xxxxxx_create_students_table migracja i Student Model.

Otworzyć xxxx_xx_xx_xxxxxx_create_students_table.php plik i zmodyfikuj istniejący kod, jak pokazano poniżej:

increments('id'); $table->string('title',10); $table->string('name'); $table->date('bday'); $table->integer('age'); $table->string('gender',10); $table->string('phone'); $table->string('address'); $table->string('email'); $table->string('password'); $table->boolean('t&c'); $table->timestamps(); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::dropIfExists('students'); } }

Otwórz plik Student.php i zmodyfikuj istniejący kod, jak pokazano poniżej:

Krok 4: Uruchom następujące polecenie w wierszu polecenia, aby uruchomić migracje.

php artisan migrate

Krok 5: Dodaj następujące dwie trasy do route / web.php plik.

Route::get('student/create','StudentController@create')->name('student.create'); Route::post('student/create','StudentController@store')->name('student.store');

Krok 6: Stwórz StudentController i zmodyfikuj istniejący kod, jak pokazano poniżej:

all(); $request->validate(( 'title' => 'required', 'name' => 'required|max:255', 'bday' => 'required|date', 'age' => 'required|numeric', 'gender' => 'required', 'phone' => 'required|min:10', 'address' => 'required|max:255', 'email' => 'required|email|max:255', 'password' => 'required|min:6|max:255', 't&c' => 'required', )); $input('password') = bcrypt($input('password')); Student::create($input); return back()->with('success','Successfully registered a new student!'); } }

Krok 7: Utwórz odpowiedni plik widoku (create.blade.php) i dodaj następujący kod.

Laravel 7 Forms Tutorial @if (count($errors) > 0)
    @foreach ($errors->all() as $error)
  • {{ $error }}
    • @endforeach
@endif @if ($message = Session::get('success')) × {{ $message }} @endif

Student Registration Form

@csrf Title -- Mr. Ms. Name Birth Date Age Gender Male Female Phone Address Email Password I agree to the terms and conditions.

Krok 8: Uruchom projekt w przeglądarce. Wygeneruje dane wyjściowe podobne do przedstawionych na poniższym zrzucie ekranu.

Uruchom projekt w przeglądarce

Czas pobawić się tą formą. Jeśli wypełnisz formularz nieprawidłowymi wartościami, otrzymasz błędy walidacji. Jeśli wypełnisz formularz poprawnie i prześlesz, otrzymasz komunikat o powodzeniu, a wartości zostaną zapisane w bazie danych.

Wniosek

Formularze Laravel pomagają programistom zbierać dane od klientów lub odwiedzających witrynę. Deweloper musi stworzyć formularze z odpowiednią walidacją. W przeciwnym razie formularze mogą nie być przydatne w obecnej postaci. Omówiliśmy ważne zasady weryfikacji formularza Laravel w tym samouczku.

Mamy nadzieję, że ten samouczek okazał się pomocny! Do zobaczenia w następnym samouczku, w którym omówimy przesyłanie plików, wysyłanie wiadomości e-mail, sesje, uwierzytelnianie i autoryzację.

Miłej nauki!

<< PREV Tutorial | NASTĘPNY samouczek >>

rekomendowane lektury

^