Menu

Laravelské formuláre a overovacie pravidlá s príkladom

  • Hlavná
  • Iné
  • Laravelské formuláre a overovacie pravidlá s príkladom

laravel forms validation rules with example

Vyskúšajte Náš Nástroj Na Odstránenie Problémov

V tomto výučbe sa vysvetľujú pravidlá laravel a pravidlá overovania formulárov. Dozviete sa tu o rôznych elementoch formulára pomocou príkladov:

V Laravel Databáza návod z Laravel Výukový program , dozvedeli sme sa o manipulácii s databázami, migráciách, očkovaní, nespracovaných dotazoch SQL, výrečných modeloch, výrečných vzťahoch, remeselníkoch a Tinkeroch.

Formuláre sú podstatnou vlastnosťou pri vývoji webovej aplikácie. Je ťažké čo i len pomyslieť na webovú aplikáciu bez toho, aby ste mali formulár. Validácia je kritickým faktorom pri vytváraní formulára a bez náležitého overenia sú zbytočné.

Existuje niekoľko metód na vytvorenie formulára. V tomto tutoriáli sme diskutovali o jednej z týchto metód. Tento výukový program tiež obnovuje vaše znalosti HTML týkajúce sa formulárov.

Laravelské formy a validácia

V tomto tutoriáli sme sa venovali Laravelské formy a Pravidlá validácie laravel . Pre všetky príklady sme použili Laravel verzia 7 .

Čo sa dozviete:

Laravelské formuláre

Predpoklady

Ak chcete pokračovať, musíte byť oboznámení s nasledujúcimi konceptmi:

# 1) Bootstrap

V tomto výučbe sme ako rámec CSS použili program Bootstrap za predpokladu, že ste s rámcom Bootstrap oboznámení. Navštívte toto odkaz vedieť viac o Bootstrape.

# 2) Laravel inštalácia a vytvorenie nového projektu

Prečítajte si Laravel Úvod Tutorial pochopiť, ako nainštalovať Laravel a vytvoriť nový projekt.

# 3) Konfigurácia laravel databázy

Prečítajte si Výukový program pre databázu laravel mať základnú predstavu o koncepcii databázy Laravel.

Token CSRF

CSRF je skratka pre Falšovanie požiadaviek medzi stránkami . Token CSRF sa používa na ochranu webovej aplikácie pred útokmi CSRF. Tieto tokeny obsahujú jedinečnú hodnotu vygenerovanú na strane servera aplikácie, ktorá sa odošle na stranu klienta aplikácie. Ďalej pomáha overiť, či autentifikovaný užívateľ odosiela požiadavku do aplikácie.

Tento token používame, keď vývojár vytvorí formulár, ako je uvedené nižšie:

@csrf ...

Formulárové prvky

Nasledujúci zoznam zobrazuje niektoré prvky formulára, ktoré môžeme použiť pri vytváraní formulára.

  • Štítok
  • Zadávanie textu
  • Predvolené zadanie
  • Zadanie čísla
  • Zadanie dátumu
  • Vstup do súboru
  • Skrytý vstup
  • Textarea
  • Zadanie e-mailu
  • Zadanie hesla
  • Rozbaľovací zoznam alebo políčko
  • Prepínačový vstup
    • Prepínačový vstup
    • Je zaškrtnutý vstup prepínača
  • Začiarkavacie políčko
    • Vstup začiarkavacieho políčka
    • Vstup začiarkavacieho políčka, ktorý je začiarknutý
  • Tlačidlo
    • Normálne tlačidlo
    • Tlačidlo Odoslať
    • Tlačidlo odpočinku

Nasledujúce úryvky kódu môžeme použiť ako referenciu pri vytváraní formulára.

# 1) Štítok

Popis: Štítok predstavuje titulok pre prvok formulára.

Príklad: Vytvára sa štítok pre krstné meno .

First Name

# 2) Zadávanie textu

Popis: Pole na zadávanie textu je jednoriadkové pole na zadávanie textu, ktoré umožňuje používateľovi zadávať text.

Príklad: Generuje sa pole na zadávanie textu pre krstné meno .

# 3) Predvolený vstup

Popis: Predvolené vstupné pole umožňuje vývojárovi vložiť vstupné pole s predvolenou hodnotou. Používateľ môže odoslať formulár s predvolenou hodnotou alebo zmeniť hodnotu.

Príklad: Generuje sa vstupné pole pre krstné meno s predvolenou hodnotou John Doe .

# 4) Zadanie čísla

Popis: Počet vstupných polí umožňuje užívateľovi zadať číselnú hodnotu.

Príklad: Generuje sa pole na zadanie čísla pre Vek .

# 5) Zadanie dátumu

Popis: Pole na zadanie dátumu umožňuje používateľovi zvoliť dátum.

Príklad: Generuje sa vstupné pole pre dátum pre dátum narodenia .

# 6) Vstup do súboru

Popis: Pole na zadanie súboru umožňuje používateľovi nahrať súbor.

Príklad: Generuje sa pole pre výber súboru pre kópia certifikátu nahrať.

# 7) Skrytý vstup

Popis: Skryté vstupné pole umožňuje vývojárovi pridať údaje, keď používateľ odošle formulár, a používateľ ich nemôže vidieť ani upraviť.

Príklad: Generuje sa skryté vstupné pole pre Študentská karta to má hodnotu 220 .

# 8) Textarea

Popis: Textová oblasť umožňuje používateľovi zadať dlhý text. Môže obsahovať viac riadkov textu.

Príklad: Generuje sa textová oblasť pre adresa .

# 9) E-mailový vstup

Popis: Pole na zadanie e-mailu umožňuje používateľovi zadať e-mailovú adresu. Automaticky overuje formát e-mailu.

Príklad: Generuje sa pole na zadanie e-mailu.

# 10) Zadanie hesla

Popis: Pole na zadanie hesla umožňuje používateľovi zadať heslo. Zadávané znaky sú maskované.

Príklad: Generuje sa pole na zadanie hesla.

# 11) Rozbaľovací zoznam alebo políčko

Popis: Rozbaľovací zoznam alebo výberové pole umožňuje používateľovi vybrať možnosť zo zoznamu možností.

Príklad: Vytvára sa rozbaľovací zoznam pre súbor titul .

Title -- Mr. Ms. Dr.

# 12) Prepínač

a) Vstup prepínača

Popis: Prepínač umožňuje používateľovi vybrať jednu možnosť zo zoznamu dvoch alebo viacerých vzájomne sa vylučujúcich možností.

Príklad: Generuje sa vstupné pole prepínača pre rod .

Gender Male Female

b) Prepínač, ktorý je začiarknutý

Popis: To umožňuje vývojárovi vložiť začiarknuté vstupné pole prepínača.

Príklad: Generuje sa vstupné pole prepínača pre rod - Muž možnosť je skontrolované .

Gender Male Female

# 13) Vstup začiarkavacieho políčka

a) Vstup začiarkavacieho políčka

Popis: Začiarkavacie políčko umožňuje používateľovi vybrať jednu alebo viac možností z danej množiny možností.

Príklad: Generuje sa vstupné pole začiarkavacieho políčka pre farby .

Colours Red Yellow Green

b) Začiarkavacie políčko, ktoré je začiarknuté

Popis: Toto umožňuje vývojárovi vložiť začiarknuté vstupné pole začiarkavacieho políčka.

Príklad: Generuje sa vstupné pole začiarkavacieho políčka pre farby - sieť je skontrolované .

Colours Red Yellow Green

# 14) Tlačidlá

Pri vytváraní formulárov Laravel je možné použiť tri typy tlačidiel.

  • Normálne tlačidlo
  • Tlačidlo Odoslať
  • Tlačidlo reštart

a) Normálne tlačidlo

Popis: Normálne tlačidlo je tlačidlo, na ktoré je možné kliknúť.

Príklad: Generuje sa normálne tlačidlo.

b) Tlačidlo Odoslať

Popis: Tlačidlo Odoslať umožňuje používateľovi odoslať údaje formulára na stranu servera aplikácie.

Príklad: Generuje sa tlačidlo na odoslanie.

c) Tlačidlo Reset

Popis: Resetovacie tlačidlo umožňuje používateľovi nastaviť polia formulára na pôvodné hodnoty.

Príklad: Generuje sa resetovacie tlačidlo.

Pravidlá validácie laravel

Nasledujúci zoznam zobrazuje niektoré pravidlá overovania laravel:

Poznámka : Pozrite si úradná dokumentácia validácie laravel zobrazíte úplný zoznam overenia. Niektoré dôležité pravidlá sú uvedené nižšie.

# 1) Pred alebo rovnaké (dátum) - before_or_equal: dátum

Toto overovacie pravidlo umožňuje iba použitie hodnoty, ktorá predchádza alebo je rovná danému dátumu.

#dva) Medzi - medzi: min., max

Toto overovacie pravidlo umožňuje iba použitie veľkosti medzi danou min. A max.

# 3) Dátum - dátum

Toto overovacie pravidlo umožňuje použiť iba platný, nerelatívny dátum podľa strtotime Funkcia PHP.

# 4) Formát dátumu - formát dátumu: formát

Podľa tohto overovacieho pravidla sa pole musí zhodovať s daným formátom.

# 5) Iné - iný: pole

nástroje stresového testovania pre webové aplikácie

Podľa tohto pravidla overovania musí mať pole inú hodnotu ako pole.

# 6) Výrazné - odlišný

Pri práci s poľami nesmie podľa tohto overovacieho pravidla pole obsahovať duplicitné hodnoty.

# 7) Email - e-mail

Podľa tohto pravidla overovania musí byť pole naformátované ako e-mailová adresa.

# 8) Obrázok (súbor) - obrázok

Podľa tohto overovacieho pravidla musí byť poľom obrázok (jpeg, png, bmp, gif, svg alebo webp).

# 9) Nullable - nullable

Podľa tohto overovacieho pravidla musí byť pole nulové.

# 10) Číselné - číselný

Podľa tohto overovacieho pravidla musí byť pole číselné.

#eleven) Regulárny výraz - regulárny výraz: vzor

Podľa tohto overovacieho pravidla sa pole musí zhodovať s daným regulárnym výrazom.

# 12) Požadovaný - požadovaný

Podľa tohto overovacieho pravidla musí byť pole vo vstupných údajoch a nesmie byť prázdne.

# 13) Veľkosť - veľkosť: hodnota

Podľa tohto overovacieho pravidla musí mať pole veľkosť zodpovedajúcu danej hodnote.

# 14) Niekedy - niekedy

Toto overovacie pravidlo spúšťa overovacie kontroly oproti poľu, iba ak je toto pole prítomné vo vstupnom poli.

# pätnásť) URL - url

Podľa tohto overovacieho pravidla musí byť poľom platná adresa URL.

Príklad laravel s validáciou laravel

V tomto príklade vytvoríme registračný formulár študenta so základným overením laravel.

Krok 1: Nainštalujte si nový projekt Laravel.

Krok 2: Pripojte svoj projekt k databáze.

Krok 3: Vytvoriť tabuľka xxxx_xx_xx_xxxxxx_create_students_table migrácia a Študent Model.

Otvor xxxx_xx_xx_xxxxxx_create_students_table.php súbor a upravte existujúci kód, ako je uvedené nižšie:

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'); } }

Otvorte súbor Student.php a upravte existujúci kód, ako je uvedené nižšie:

Krok 4: Spustením nasledujúceho príkazu v príkazovom riadku spustíte migráciu.

php artisan migrate

Krok 5: Pridajte nasledujúce dve trasy k trasy / web.php spis.

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

Krok 6: Vytvoriť StudentController a upravte existujúci kód, ako je uvedené nižšie:

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: Vytvorte príslušný súbor zobrazenia (create.blade.php) a pridajte nasledujúci kód.

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: Spustite projekt v prehliadači. Bude produkovať výstup podobný nasledujúcemu obrázku.

Spustite projekt v prehliadači

Je čas pohrať sa s touto formou. Ak vyplníte formulár s neplatnými hodnotami, zobrazia sa chyby overenia. Ak vyplníte formulár správne a odošlete, dostanete správu o úspechu a hodnoty sa uložia do databázy.

Záver

Laravelove formy pomáhajú vývojárom zhromažďovať údaje od klientov alebo návštevníkov stránok. Vývojár musí vytvárať formuláre so správnym overením. Inak nemusia byť formuláre také užitočné, ako sú. V tomto tutoriáli sme diskutovali o dôležitých pravidlách overovania formy laravel.

Dúfame, že vám tento návod pomohol! Dúfam, že sa opäť uvidíme v ďalšom tutoriále, kde budeme diskutovať o nahrávaní súborov, odosielaní e-mailov, reláciách, autentifikácii a autorizácii.

Šťastné učenie!

<< PREV Tutorial | ĎALŠÍ výukový program >>

Odporúčané čítanie

^