Meny

Laravel skjemaer og valideringsregler med eksempel

  • Hoved
  • Annen
  • Laravel skjemaer og valideringsregler med eksempel

laravel forms validation rules with example

Prøv Instrumentet Vårt For Å Eliminere Problemer

Denne opplæringen forklarer Laravel Forms and Form Validation Rules. Lær om forskjellige formelementer med eksempler:

I Laravel Database opplæring av Laravel Opplæringsserie , vi lærte om databasehåndtering, migrasjoner, såing, rå SQL-spørringer, veltalende modeller, veltalende forhold, håndverker og tinker.

Skjemaer er en viktig funksjon når du utvikler et nettbasert program. Det er vanskelig å til og med tenke på en webapplikasjon uten å ha skjema. Validering er en kritisk faktor når du oppretter et skjema, og uten riktig validering er disse ubrukelige.

Det er flere metoder for å bygge et skjema. I denne opplæringen har vi diskutert en slik metode. Denne opplæringen oppdaterer også HTML-kunnskapen din knyttet til skjemaer.

Laravel Forms and Validation

I denne opplæringen har vi dekket Laravel former og Valideringsregler for Laravel . For alle eksemplene har vi brukt Laravel versjon 7 .

Hva du vil lære:

Laravel Forms

Forutsetninger

For å fortsette, må du være kjent med følgende konsepter:

# 1) Bootstrap

Vi har brukt Bootstrap som CSS-rammeverk i denne opplæringen, forutsatt at du er kjent med Bootstrap-rammeverket. Besøk dette lenke å vite mer om Bootstrap.

# 2) Laravel installasjon og lage et nytt prosjekt

Vennligst referer til Laravel Introduksjonsveiledning å forstå hvordan du installerer Laravel og lager et nytt prosjekt.

# 3) Laravel databasekonfigurasjon

Vennligst referer til Laravel Database Tutorial å ha grunnideen til Laravel-databasekonseptet.

CSRF-token

CSRF Står for Forfalskning på tvers av nettstedet . CSRF-token brukes til å beskytte webapplikasjonen mot CSRF-angrep. Disse token inneholder en unik verdi generert av server-siden av applikasjonen, som sendes til klientsiden av applikasjonen. Videre hjelper det å verifisere om en godkjent bruker sender forespørselen til applikasjonen.

Vi bruker dette token når utvikleren oppretter et skjema som vist nedenfor:

@csrf ...

Skjemaelementer

Følgende liste viser noen av skjemaelementene som vi kan bruke mens vi oppretter et skjema.

  • Merkelapp
  • Inntasting av tekst
  • Standardinngang
  • Nummerinngang
  • Datoinntasting
  • Filinndata
  • Skjult innspill
  • Textarea
  • E-postinngang
  • Passordinntasting
  • Rulleliste eller velg rute
  • Radioknappinngang
    • Radioknappinngang
    • Radioknappinngang som er sjekket
  • Avkrysningsrute
    • Avkrysningsruteinngang
    • Avkrysningsruteinngang som er merket
  • Knapp
    • Normal knapp
    • Send-knapp
    • Hvil-knapp

Vi kan bruke følgende kodebiter som referanse når vi lager et skjema.

# 1) Merk

Beskrivelse: En etikett representerer bildeteksten for skjemaelementet.

Eksempel: Generere en etikett for fornavn .

First Name

# 2) Inntasting av tekst

Beskrivelse: Et tekstinntastingsfelt er et inntastingsfelt med en linje som lar brukeren skrive inn tekst.

Eksempel: Genererer et tekstinntastingsfelt for fornavn .

# 3) Standardinngang

Beskrivelse: Et standard inndatafelt lar utvikleren sette inn et inndatafelt med en standardverdi. Brukeren kan enten sende skjemaet med standardverdien eller endre verdien.

Eksempel: Genererer et inndatafelt for fornavn med standardverdi John Doe .

# 4) Nummerinngang

Beskrivelse: Antall inndatafelt lar brukeren angi en numerisk verdi.

Eksempel: Genererer et tallinntastingsfelt for alder .

# 5) Datoinngang

Beskrivelse: Et datoinntastingsfelt lar brukeren velge en dato.

Eksempel: Genererer et datoinntastingsfelt for bursdag .

# 6) Filinngang

Beskrivelse: Et filinntastingsfelt lar brukeren laste opp en fil.

Eksempel: Genererer et filvalgfelt for sertifikatkopi laste opp.

# 7) Skjult inngang

Beskrivelse: Et skjult inndatafelt lar utvikleren legge til data når brukeren sender inn skjemaet, og brukeren kan ikke se eller endre disse dataene.

Eksempel: Genererer et skjult inndatafelt for Student ID som har verdien 220 .

# 8) Tekstområde

Beskrivelse: Et tekstområde lar brukeren legge inn en lang tekst. Den kan inneholde flere tekstlinjer.

Eksempel: Generere et tekstområde for adresse .

# 9) E-postinngang

Beskrivelse: Et e-postinntastingsfelt lar brukeren skrive inn en e-postadresse. Den validerer automatisk e-postformatet.

Eksempel: Genererer et e-postinntastingsfelt.

# 10) Passordinngang

Beskrivelse: Et inntastingsfelt for passord lar brukeren skrive inn et passord. De innkommende tegnene er maskerte.

Eksempel: Genererer et passordinntastingsfelt.

# 11) rullegardinliste eller velg rute

Beskrivelse: En rullegardinliste eller valgboks lar brukeren velge et alternativ fra en liste over alternativer.

Eksempel: Genererer en rullegardinliste for tittel .

Title -- Mr. Ms. Dr.

# 12) Radioknappinngang

a) Radioknappinngang

Beskrivelse: En alternativknapp lar brukeren velge et enkelt alternativ fra en liste over to eller flere gjensidig eksklusive alternativer.

Eksempel: Genererer et inndatafelt for radioknapper for kjønn .

Gender Male Female

b) Radioknappinngang som er sjekket

Beskrivelse: Dette gjør at utvikleren kan sette inn et alternativknappfelt som er merket av.

Eksempel: Genererer et inndatafelt for radioknapper for kjønn - hann alternativet er krysset av .

Gender Male Female

# 13) Avkrysningsruteinngang

a) Avkrysningsruteinngang

Beskrivelse: En avkrysningsrute lar brukeren velge ett eller flere alternativer fra et gitt sett med alternativer.

Eksempel: Genererer et avkrysningsfelt for farger .

Colours Red Yellow Green

b) Avkrysningsruteinngang som er krysset av

Beskrivelse: Dette gjør at utvikleren kan sette inn et avkrysningsfelt som er merket av.

Eksempel: Genererer et avkrysningsruteinntastingsfelt for farger - nett er krysset av .

Colours Red Yellow Green

# 14) Knapper

Tre typer knapper kan brukes når du lager Laravel-skjemaer.

  • Normal knapp
  • Send-knapp
  • Nullstillknapp

a) Normal knapp

Beskrivelse: En normal knapp er en klikkbar knapp.

Eksempel: Genererer en normal knapp.

b) Send inn-knapp

Beskrivelse: En sendeknapp lar brukeren sende skjemadata til server-siden av applikasjonen.

Eksempel: Genererer en send-knapp.

c) Tilbakestillingsknapp

Beskrivelse: En tilbakestillingsknapp lar brukeren sette skjemafelt til de opprinnelige verdiene.

Eksempel: Genererer en tilbakestillingsknapp.

Valideringsregler for Laravel

Følgende liste viser noen Laravel-valideringsregler:

Merk : Referere til offisiell dokumentasjon for Laravel-validering for å se hele listen over validering. Noen av de viktige reglene er oppført nedenfor.

#1) Før eller lik (dato) - before_or_equal: dato

Denne valideringsregelen tillater bare bruk av en verdi som er før eller lik den gitte datoen.

#to) Mellom - mellom: min, maks

Denne valideringsregelen tillater bare bruk av en størrelse mellom den angitte min og maks.

# 3) Dato - Dato

Denne valideringsregelen tillater bare bruk av en gyldig, ikke-relativ dato i henhold til strtotime PHP-funksjon.

# 4) Datoformat - date_format: format

Under denne valideringsregelen må feltet samsvare med det gitte formatet.

# 5) Annerledes - annerledes: felt

hva er den beste nedlasting av YouTube-videoer

Under denne valideringsregelen må feltet ha en annen verdi enn feltet.

# 6) Distinkt - tydelig

Når du arbeider med arrays, under denne valideringsregelen, må feltet ikke ha noen dupliserte verdier.

# 7) E-post - e-post

Under denne valideringsregelen må feltet være formatert som en e-postadresse.

# 8) Bilde (fil) - bilde

Under denne valideringsregelen må feltet være et bilde (jpeg, png, bmp, gif, svg eller webp).

# 9) Nullable - ugyldig

Under denne valideringsregelen må feltet være null.

# 10) Numerisk - numerisk

Under denne valideringsregelen må feltet være numerisk.

#elleve) Vanlig uttrykk - regex: mønster

Under denne valideringsregelen må feltet matche det gitte regulære uttrykket.

# 12) Påkrevd - kreves

Under denne valideringsregelen må feltet være tilstede i inndataene og ikke være tomt.

# 1. 3) Størrelse - størrelse: verdi

Under denne valideringsregelen må feltet ha en størrelse som samsvarer med den gitte verdien.

# 14) Noen ganger - noen ganger

Denne valideringsregelen kjører bare valideringskontroller mot et felt hvis det feltet er tilstede i inndata-arrayet.

#femten) URL - url

Under denne valideringsregelen må feltet være en gyldig URL.

Laravel danner eksempel med Laravel-validering

I dette eksemplet skal vi lage et studentregistreringsskjema med grunnleggende Laravel-validering.

Trinn 1: Installer et nytt Laravel-prosjekt.

Steg 2: Koble prosjektet til databasen.

Trinn 3: Skape xxxx_xx_xx_xxxxxx_create_students_table migrasjon og Student modell.

Åpne xxxx_xx_xx_xxxxxx_create_students_table.php fil og endre den eksisterende koden som vist nedenfor:

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

Åpne Student.php-filen og modifiser den eksisterende koden som vist nedenfor:

Trinn 4: Kjør følgende kommando i ledeteksten for å kjøre migrasjoner.

php artisan migrate

Trinn 5: Legg til følgende to ruter til ruter / web.php fil.

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

Trinn 6: Skape StudentController og endre den eksisterende koden som vist nedenfor:

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

Trinn 7: Opprett den aktuelle visningsfilen (create.blade.php) og legg til følgende kode.

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.

Trinn 8: Kjør prosjektet i nettleseren. Det vil produsere en utgang som ligner på skjermbildet nedenfor.

Kjør prosjektet i nettleseren

Det er på tide å leke med dette skjemaet. Hvis du fyller skjemaet med ugyldige verdier, får du valideringsfeil. Hvis du fyller skjemaet riktig og sender inn, får du en suksessmelding, og verdiene blir lagret i databasen.

Konklusjon

Laravel-skjemaer hjelper utviklere å samle inn data fra klienter eller besøkende på nettstedet. Utvikleren må opprette skjemaer med riktig validering. Ellers kan skjemaer ikke være nyttige som de er. Vi har diskutert viktige regler for Laravel Form Validation i denne opplæringen.

Vi håper du syntes denne veiledningen var nyttig! Håper vi sees igjen i neste opplæring hvor vi vil diskutere filopplasting, sende e-post, økter, autentisering og autorisasjon.

Glad læring!

<< PREV Tutorial | NESTE veiledning >>

Anbefalt lesing

^