Meni

Obrazci in pravila za preverjanje Laravel s primerom

  • Glavni
  • Drugo
  • Obrazci in pravila za preverjanje Laravel s primerom

laravel forms validation rules with example

Preizkusite Naš Instrument Za Odpravo Težav

Ta vadnica razlaga obrazce in pravila za preverjanje veljavnosti obrazcev Laravel. Spoznajte različne elemente obrazca s primeri:

V Baza podatkov Laravel vadnica Serija vadnic Laravel , spoznali smo obdelavo zbirk podatkov, selitve, sejanje, neobdelane poizvedbe SQL, zgovorne modele, zgovorne odnose, Artisan in Tinker.

Obrazci so bistvena značilnost pri razvoju spletne aplikacije. Težko je celo razmišljati o spletni aplikaciji, ne da bi imeli obrazec. Validacija je ključni dejavnik pri ustvarjanju obrazca in je brez ustrezne validacije neuporabna.

Obstaja več načinov za oblikovanje obrazca. V tej vadnici smo razpravljali o eni taki metodi. Ta vadnica tudi osveži vaše znanje HTML, povezano z obrazci.

Obrazci Laravel in preverjanje veljavnosti

V tej vadnici smo zajeli Laravel oblike in Pravila za potrditev Laravela . Za vse primere smo uporabili Različica Laravel 7 .

Kaj se boste naučili:

Obrazci Laravel

Pogoji

Za nadaljevanje morate poznati naslednje koncepte:

# 1) Bootstrap

V tej vadnici smo uporabili Bootstrap kot ogrodje CSS, ob predpostavki, da poznate ogrodje Bootstrap. Obiščite to povezava če želite izvedeti več o Bootstrapu.

# 2) Namestitev Laravel in ustvarjanje novega projekta

Glejte Laravel Uvodna vadnica razumeti, kako namestiti Laravel in ustvariti nov projekt.

# 3) Konfiguracija baze podatkov Laravel

Glejte Vadnica za zbirko podatkov Laravel imeti osnovno idejo koncepta baze podatkov Laravel.

Žeton CSRF

CSRF pomeni Ponarejanje zahtev na več mestih . Žeton CSRF se uporablja za zaščito spletne aplikacije pred napadi CSRF. Ti žetoni vsebujejo edinstveno vrednost, ki jo ustvari strežniška stran aplikacije, ki se pošlje na odjemalski strani aplikacije. Poleg tega pomaga preveriti, ali overjeni uporabnik pošlje zahtevo v aplikacijo.

Ta žeton uporabimo, ko razvijalec ustvari obrazec, kot je prikazano spodaj:

@csrf ...

Elementi obrazca

Naslednji seznam prikazuje nekatere elemente obrazca, ki jih lahko uporabimo pri ustvarjanju obrazca.

  • Oznaka
  • Vnos besedila
  • Privzeti vnos
  • Vnos številke
  • Vnos datuma
  • Vnos datoteke
  • Skriti vnos
  • Textarea
  • Vnos e-pošte
  • Vnos gesla
  • Spustni seznam ali izbirno polje
  • Vhod z radijskim gumbom
    • Vhod z radijskim gumbom
    • Vnos izbirnega gumba, ki je preverjen
  • Potrditveno polje
    • Vnos potrditvenega polja
    • Vnos potrditvenega polja, ki je označen
  • Gumb
    • Običajni gumb
    • Gumb za oddajo
    • Gumb za počitek

Naslednje delčke kode lahko uporabimo kot referenco pri ustvarjanju obrazca.

# 1) Oznaka

Opis: Oznaka predstavlja napis elementa obrazca.

Primer: Ustvarjanje oznake za ime .

First Name

# 2) Vnos besedila

Opis: Polje za vnos besedila je enovrstno polje za vnos, ki uporabniku omogoča vnos besedila.

Primer: Ustvarjanje polja za vnos besedila za ime .

# 3) Privzeti vnos

Opis: Privzeto vnosno polje omogoča razvijalcu, da vstavi vnosno polje s privzeto vrednostjo. Uporabnik lahko predloži obrazec s privzeto vrednostjo ali pa jo spremeni.

Primer: Ustvarjanje vhodnega polja za ime s privzeto vrednostjo John Doe .

# 4) Vnos številke

Opis: Številčno vnosno polje uporabniku omogoča vnos številčne vrednosti.

Primer: Ustvarjanje polja za vnos številke za starost .

# 5) Vnos datuma

Opis: Polje za vnos datuma omogoča uporabniku, da izbere datum.

Primer: Ustvarjanje polja za vnos datuma za rojstni datum .

# 6) Vnos datoteke

Opis: Polje za vnos datoteke omogoča uporabniku nalaganje datoteke.

Primer: Ustvarjanje polja za izbiro datoteke za kopija potrdila naložite.

# 7) Skriti vnos

Opis: Skrito vnosno polje omogoča razvijalcu dodajanje podatkov, ko uporabnik odda obrazec, uporabnik pa teh podatkov ne more videti ali spremeniti.

Primer: Ustvarjanje skritega vnosnega polja za ID študenta ki ima vrednost 220 .

# 8) Textarea

Opis: Tekstualno območje uporabniku omogoča vnos dolgega besedila. Vsebuje lahko več vrstic besedila.

Primer: Ustvarjanje območja besedila za naslov .

# 9) Vnos e-pošte

Opis: Polje za vnos e-pošte uporabniku omogoča vnos e-poštnega naslova. Samodejno potrdi obliko e-pošte.

Primer: Ustvarjanje polja za vnos e-pošte.

# 10) Vnos gesla

Opis: Polje za vnos gesla uporabniku omogoča vnos gesla. Vneseni znaki so prikriti.

Primer: Ustvarjanje polja za vnos gesla.

# 11) Spustni seznam ali izbirno polje

Opis: Spustni seznam ali izbirno polje omogoča uporabniku, da izbere možnost s seznama možnosti.

Primer: Ustvarjanje spustnega seznama za naslov .

Title -- Mr. Ms. Dr.

# 12) Vnos radijskih gumbov

a) Vnos radijskega gumba

Opis: Izbirni gumb uporabniku omogoča, da na seznamu dveh ali več medsebojno izključenih možnosti izbere eno samo možnost.

Primer: Ustvarjanje polja za vnos izbirnega gumba za spol .

Gender Male Female

b) Preverjen vhod z radijskim gumbom

Opis: To omogoča razvijalcu, da vstavi polje za vnos izbirnega gumba, ki je označeno.

Primer: Ustvarjanje polja za vnos izbirnega gumba za spol - moški možnost je preverjeno .

Gender Male Female

# 13) Vnos potrditvenega polja

a) Vnos potrditvenega polja

Opis: Potrditveno polje uporabniku omogoča, da iz danega nabora možnosti izbere eno ali več možnosti.

Primer: Ustvarjanje polja za vnos potrditvenega polja za barve .

Colours Red Yellow Green

b) Potrditveno polje Vnos, ki je označen

Opis: To omogoča razvijalcu, da vstavi polje za vnos potrditvenega polja, ki je označeno.

Primer: Ustvarjanje polja za vnos potrditvenega polja za barve - mreža je preverjeno .

Colours Red Yellow Green

# 14) Gumbi

Pri ustvarjanju obrazcev Laravel lahko uporabite tri vrste gumbov.

  • Običajni gumb
  • Gumb za oddajo
  • Gumb za ponastavitev

a) Običajni gumb

Opis: Običajni gumb je gumb, ki ga je mogoče klikniti.

Primer: Ustvarjanje običajnega gumba.

b) Gumb za oddajo

Opis: Gumb za oddajo uporabniku omogoča pošiljanje podatkov obrazca na strežniško stran aplikacije.

Primer: Ustvarjanje gumba za oddajo.

c) Gumb za ponastavitev

Opis: Gumb za ponastavitev uporabniku omogoča, da polja obrazca nastavi na prvotne vrednosti.

Primer: Ustvarjanje gumba za ponastavitev.

Pravila za preverjanje veljavnosti Laravel

Naslednji seznam prikazuje nekaj pravil za preverjanje veljavnosti Laravela:

Opomba : Glejte uradna dokumentacija o potrditvi Laravela da si ogledate celoten seznam preverjanja veljavnosti. Nekatera pomembna pravila so navedena spodaj.

# 1) Pred ali enako (datum) - before_or_equal: datum

To pravilo za preverjanje veljavnosti dovoljuje samo uporabo vrednosti pred ali enakim datumu.

#two) Med - med: min, maks

To pravilo preverjanja velja le za uporabo velikosti med danima min in max.

# 3) Datum - datum

To pravilo za preverjanje veljavnosti dovoljuje samo uporabo veljavnega, ne-relativnega datuma v skladu z strtotime PHP funkcija.

# 4) Format datuma - date_format: format

Po tem pravilu preverjanja veljavnosti se mora polje ujemati z dano obliko.

# 5) Drugačen - drugačno: polje

regularni izraz v c ++

Po tem pravilu preverjanja veljavnosti mora imeti polje drugačno vrednost kot polje.

# 6) Razločen - izrazit

Pri delu z nizi po tem pravilu preverjanja veljavnosti polje ne sme imeti podvojenih vrednosti.

# 7) E-naslov - E-naslov

Po tem pravilu preverjanja veljavnosti mora biti polje oblikovano kot e-poštni naslov.

# 8) Slika (datoteka) - slike

V skladu s tem pravilom za preverjanje mora biti polje slika (jpeg, png, bmp, gif, svg ali webp).

# 9) Ničljivo - nično

Po tem pravilu preverjanja veljavnosti mora biti polje nično.

# 10) Številsko - številčno

Po tem pravilu preverjanja mora biti polje številsko.

#eleven) Vsakdanje izražanje - regularni izraz: vzorec

Po tem pravilu preverjanja veljavnosti se mora polje ujemati z danim regularnim izrazom.

# 12) Obvezno - zahteva

Po tem pravilu preverjanja mora biti polje prisotno v vhodnih podatkih in ne sme biti prazno.

# 13) Velikost - velikost: vrednost

V skladu s tem pravilom preverjanja veljavnosti mora imeti polje velikost, ki se ujema z dano vrednostjo.

# 14) Včasih - včasih

To pravilo preverjanja izvaja preverjanja veljavnosti polja samo, če je to polje prisotno v vhodni matriki.

# petnajst) URL - url

Po tem pravilu preverjanja mora biti polje veljaven URL.

Primer oblik Laravel z validacijo Laravel

V tem primeru bomo ustvarili prijavni obrazec za študente z osnovno validacijo Laravel.

Korak 1: Namestite nov projekt Laravel.

2. korak: Povežite svoj projekt z bazo podatkov.

3. korak: Ustvari xxxx_xx_xx_xxxxxx_create_students_table migracije in Študent model.

Odprite xxxx_xx_xx_xxxxxx_create_students_table.php datoteko in spremenite obstoječo kodo, kot je prikazano spodaj:

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

Odprite datoteko Student.php in spremenite obstoječo kodo, kot je prikazano spodaj:

4. korak: Zaženite naslednji ukaz v ukaznem pozivu za zagon selitev.

php artisan migrate

5. korak: V mapo dodajte naslednji dve poti routes / web.php mapa.

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

6. korak: Ustvari StudentController in spremenite obstoječo kodo, kot je prikazano spodaj:

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

7. korak: Ustvarite ustrezno datoteko pogleda (create.blade.php) in dodajte naslednjo kodo.

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.

8. korak: Zaženite projekt v brskalniku. Rezultat bo podoben spodnji sliki zaslona.

Zaženite projekt v brskalniku

Čas je, da se poigramo s to formo. Če obrazec izpolnite z neveljavnimi vrednostmi, se prikažejo napake pri preverjanju. Če pravilno izpolnite obrazec in oddate, se prikaže sporočilo o uspehu, vrednosti pa se shranijo v bazo podatkov.

Zaključek

Obrazci Laravel pomagajo razvijalcem pri zbiranju podatkov od strank ali obiskovalcev spletnega mesta. Razvijalec mora ustvariti obrazce z ustrezno validacijo. V nasprotnem primeru obrazci morda niso uporabni, kot so. V tej vadnici smo razpravljali o pomembnih pravilih za preverjanje obrazca Laravel.

Upamo, da vam je bila ta vadnica v pomoč! Upamo, da se spet vidimo v naslednji vadnici, kjer bomo razpravljali o nalaganju datotek, pošiljanju e-pošte, sejah, preverjanju pristnosti in pooblastilu.

Srečno učenje!

<< PREV Tutorial | NASLEDNJA Vadnica >>

Priporočeno branje

^