Meny

Laravel-formulär och valideringsregler med exempel

  • Huvud
  • Övrig
  • Laravel-formulär och valideringsregler med exempel

laravel forms validation rules with example

Prova Vårt Instrument För Att Eliminera Problem

Denna handledning förklarar Laravel Forms and Form Validation Rules. Lär dig om olika formelement med exempel:

I Laravel-databas handledning av Laravel Handledningsserie , vi lärde oss om databashantering, Migrations, Seeding, Raw SQL-frågor, Eloquent Modeller, Eloquent Relationships, Artisan och Tinker.

Formulär är en viktig funktion när du utvecklar en webbaserad applikation. Det är svårt att ens tänka på en webbapplikation utan att ha ett formulär. Validering är en kritisk faktor när du skapar ett formulär, och utan korrekt validering är de värdelösa.

Det finns flera metoder för att skapa ett formulär. I denna handledning har vi diskuterat en sådan metod. Denna handledning uppdaterar också din HTML-kunskap relaterad till formulär.

Laravel Forms and Validation

I denna handledning har vi täckt Laravel former och Valideringsregler för Laravel . För alla exemplen har vi använt Laravel version 7 .

Vad du kommer att lära dig:

Laravel Forms

Förutsättningar

För att fortsätta måste du känna till följande begrepp:

# 1) Bootstrap

Vi har använt Bootstrap som CSS-ramverk i denna handledning, förutsatt att du känner till Bootstrap-ramverket. Besök detta länk för att veta mer om Bootstrap.

# 2) Laravel installation och skapa ett nytt projekt

Vänligen hänvisa till Laravel introduktionshandledning för att förstå hur man installerar Laravel och skapar ett nytt projekt.

# 3) Konfiguration av Laravel-databas

Vänligen hänvisa till Laravel Database Tutorial att ha grundidén i Laravel-databaskonceptet.

CSRF-token

CSRF står för Förfalskning av begäran över flera platser . CSRF-token används för att skydda webbapplikationen från CSRF-attacker. Dessa token innehåller ett unikt värde som genereras av serversidan av applikationen, som skickas till applikationens klientsida. Vidare hjälper det att verifiera om en autentiserad användare skickar begäran till applikationen.

Vi använder den här token när utvecklaren skapar ett formulär enligt nedan:

@csrf ...

Formelement

Följande lista visar några av de formelement som vi kan använda när vi skapar ett formulär.

  • Märka
  • Textinmatning
  • Standardinmatning
  • Nummerinmatning
  • Datuminmatning
  • Filinmatning
  • Dold input
  • Textarea
  • E-postinmatning
  • Lösenordsinmatning
  • Listruta eller välj ruta
  • Ingång för radioknapp
    • Ingång för radioknapp
    • Ingång för radioknapp som är markerad
  • Kryssruta
    • Inmatning i kryssrutan
    • Kryssrutans ingång som är markerad
  • Knapp
    • Normal knapp
    • Skickaknapp
    • Vila-knappen

Vi kan använda följande kodavsnitt som referens när vi skapar ett formulär.

# 1) Etikett

Beskrivning: En etikett representerar bildtexten för formulärelementet.

Exempel: Skapa en etikett för förnamn .

First Name

# 2) Textinmatning

Beskrivning: Ett textinmatningsfält är ett inmatningsfält med en rad som gör det möjligt för användaren att skriva in text.

Exempel: Skapa ett textinmatningsfält för förnamn .

# 3) Standardingång

Beskrivning: Ett standardinmatningsfält tillåter utvecklaren att infoga ett inmatningsfält med ett standardvärde. Användaren kan antingen skicka in formuläret med standardvärdet eller ändra värdet.

Exempel: Generera ett inmatningsfält för förnamn med standardvärde John Doe .

# 4) Ingång för nummer

Beskrivning: Antalet inmatningsfält tillåter användaren att ange ett numeriskt värde.

Exempel: Generera ett inmatningsfält för ålder .

# 5) Datuminmatning

Beskrivning: Ett datuminmatningsfält tillåter användaren att välja ett datum.

Exempel: Generera ett datuminmatningsfält för födelsedatum .

# 6) Filinmatning

Beskrivning: Ett filinmatningsfält tillåter användaren att ladda upp en fil.

Exempel: Skapa ett filval för certifikatkopia ladda upp.

# 7) Dold ingång

Beskrivning: Ett dolt inmatningsfält tillåter utvecklaren att lägga till data när användaren skickar in formuläret och användaren kan inte se eller ändra dessa data.

Exempel: Skapa ett dolt inmatningsfält för Student-ID det har värdet 220 .

# 8) Textarea

Beskrivning: Ett textområde tillåter användaren att ange en lång text. Den kan innehålla flera textrader.

Exempel: Skapa ett textområde för adress .

# 9) E-postinmatning

Beskrivning: Ett e-postinmatningsfält tillåter användaren att ange en e-postadress. Det validerar automatiskt e-postformatet.

Exempel: Skapa ett e-postinmatningsfält.

# 10) Lösenordsinmatning

Beskrivning: Ett lösenordsinmatningsfält tillåter användaren att ange ett lösenord. De inmatade tecknen är maskerade.

Exempel: Skapa ett lösenordsinmatningsfält.

# 11) Listruta eller Välj ruta

Beskrivning: En rullgardins- eller markeringsruta tillåter användaren att välja ett alternativ från en lista med alternativ.

Exempel: Skapa en rullgardinsmeny för titel .

Title -- Mr. Ms. Dr.

# 12) Ingång för radioknapp

a) Ingång för radioknapp

Beskrivning: En alternativknapp tillåter användaren att välja ett enda alternativ från en lista med två eller flera alternativ som ömsesidigt exkluderar.

Exempel: Generera ett inmatningsfält för alternativknappen för kön .

Gender Male Female

b) Ingång för radioknapp som är markerad

Beskrivning: Detta gör att utvecklaren kan infoga ett inmatningsfält som är markerat.

Exempel: Generera ett inmatningsfält för alternativknappen för kön - manlig alternativet är kontrollerade .

Gender Male Female

# 13) Inmatning i kryssrutan

a) Kryssrutans ingång

Beskrivning: En kryssruta tillåter användaren att välja ett eller flera alternativ från en viss uppsättning alternativ.

Exempel: Skapa ett kryssrutans inmatningsfält för färger .

Colours Red Yellow Green

b) Kryssrutans ingång som är markerad

Beskrivning: Detta gör att utvecklaren kan infoga ett kryssrutans inmatningsfält som är markerat.

Exempel: Skapa ett kryssrutans inmatningsfält för färger - netto är kontrollerade .

Colours Red Yellow Green

# 14) Knappar

Tre typer av knappar kan användas när du skapar Laravel-formulär.

  • Normal knapp
  • Skickaknapp
  • Återställningsknapp

a) Normal knapp

Beskrivning: En normal knapp är en klickbar knapp.

Exempel: Skapa en normal knapp.

b) Skicka-knapp

Beskrivning: En skicka-knapp gör det möjligt för användaren att skicka formulärdata till applikationsserversidan.

Exempel: Skapa en skicka-knapp.

c) Återställningsknapp

Beskrivning: En återställningsknapp låter användaren ställa in formulärfält till sina ursprungliga värden.

Exempel: Skapa en återställningsknapp.

Laravel-valideringsregler

Följande lista visar några Laravel-valideringsregler:

Notera : Referera till officiell dokumentation av Laravel-validering för att se hela listan över validering. Några av de viktiga reglerna listas nedan.

# 1) Före eller lika (datum) - före_eller_lik: datum

Denna valideringsregel tillåter endast användning av ett värde som föregår eller är lika med det angivna datumet.

#två) Mellan - mellan: min, max

Denna valideringsregel tillåter endast användning av en storlek mellan den angivna min och max.

# 3) Datum - datum

Denna valideringsregel tillåter bara att ett giltigt, icke-relativt datum enligt strtotime PHP-funktion.

# 4) Datumformat - datum_format: format

Under denna valideringsregel måste fältet matcha det angivna formatet.

# 5) Annorlunda - annorlunda: fält

c ++ odefinierad referens till funktion i rubrikfilen

Under denna valideringsregel måste fältet ha ett annat värde än fältet.

# 6) Distinkt - distinkt

När du arbetar med matriser, under denna valideringsregel, får fältet inte ha några dubbla värden.

# 7) E-post - e-post

Under denna valideringsregel måste fältet formateras som en e-postadress.

# 8) Bildfil) - bild

Under denna valideringsregel måste fältet vara en bild (jpeg, png, bmp, gif, svg eller webp).

# 9) Nullable - ogiltig

Under denna valideringsregel måste fältet vara null.

# 10) Numerisk - numerisk

Under denna valideringsregel måste fältet vara numeriskt.

#elva) Vanligt uttryck - regex: mönster

Under denna valideringsregel måste fältet matcha det angivna reguljära uttrycket.

# 12) Nödvändig - nödvändig

Under denna valideringsregel måste fältet finnas i indata och inte tomt.

# 13) Storlek - storlek: värde

Under denna valideringsregel måste fältet ha en storlek som matchar det angivna värdet.

# 14) Ibland - ibland

Den här valideringsregeln kör endast valideringskontroller mot ett fält om det fältet finns i inmatningsmatrisen.

#femton) URL - url

Under denna valideringsregel måste fältet vara en giltig URL.

Laravel bildar exempel med Laravel-validering

I det här exemplet ska vi skapa ett studentregistreringsformulär med grundläggande Laravel-validering.

Steg 1: Installera ett nytt Laravel-projekt.

Steg 2: Anslut ditt projekt till databasen.

Steg 3: Skapa xxxx_xx_xx_xxxxxx_create_students_table migration och Studerande modell.

Öppna xxxx_xx_xx_xxxxxx_create_students_table.php fil och ändra den befintliga koden enligt nedan:

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

Öppna filen Student.php och ändra den befintliga koden enligt nedan:

Steg 4: Kör följande kommando i kommandotolken för att köra migreringar.

php artisan migrate

Steg 5: Lägg till följande två rutter till rutter / web.php fil.

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

Steg 6: Skapa StudentController och ändra den befintliga koden enligt nedan:

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

Steg 7: Skapa relevant visningsfil (create.blade.php) och lägg till följande 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.

Steg 8: Kör projektet i webbläsaren. Det kommer att producera en utdata som liknar nedanstående skärmdump.

Kör projektet i webbläsaren

Det är dags att leka med den här formen. Om du fyller i formuläret med ogiltiga värden får du valideringsfel. Om du fyller i formuläret korrekt och skickar får du ett framgångsmeddelande och värden sparas i databasen.

Slutsats

Laravel-formulär hjälper utvecklare att samla in data från klienter eller webbplatsbesökare. Utvecklaren måste skapa formulär med korrekt validering. Annars kanske formulär inte är användbara som de är. Vi har diskuterat viktiga regler för Laravel Form Validation i denna handledning.

Vi hoppas att du tyckte att den här handledningen var till hjälp! Hoppas vi ses igen i nästa handledning där vi diskuterar uppladdning av filer, skicka e-post, sessioner, autentisering och auktorisering.

Lyckligt lärande!

<< PREV Tutorial | NÄSTA självstudie >>

Rekommenderad läsning

^