Menü

Laravel-Formulare und Validierungsregeln mit Beispiel

  • Haupt
  • Andere
  • Laravel-Formulare und Validierungsregeln mit Beispiel

laravel forms validation rules with example

Versuchen Sie Unser Instrument, Um Probleme Zu Beseitigen

In diesem Tutorial werden Laravel-Formulare und Formularvalidierungsregeln erläutert. Erfahren Sie mehr über verschiedene Formularelemente anhand von Beispielen:

In dem Laravel-Datenbank Tutorial von Laravel Tutorial-Serie Wir haben etwas über Datenbankhandling, Migrationen, Seeding, Raw-SQL-Abfragen, eloquente Modelle, eloquente Beziehungen, Artisan und Tinker gelernt.

Formulare sind ein wesentliches Merkmal bei der Entwicklung einer webbasierten Anwendung. Es ist schwierig, an eine Webanwendung zu denken, ohne ein Formular zu haben. Die Validierung ist ein kritischer Faktor beim Erstellen eines Formulars. Ohne ordnungsgemäße Validierung sind diese nutzlos.

Es gibt verschiedene Methoden, um ein Formular zu erstellen. In diesem Tutorial haben wir eine solche Methode besprochen. Dieses Tutorial aktualisiert auch Ihre HTML-Kenntnisse in Bezug auf Formulare.

Laravel Formulare und Validierung

In diesem Tutorial haben wir behandelt Laravel bildet sich und Laravel-Validierungsregeln . Für alle Beispiele haben wir verwendet Laravel Version 7 .

Was du lernen wirst:

Laravel Formen

Voraussetzungen

Um fortzufahren, müssen Sie mit den folgenden Konzepten vertraut sein:

# 1) Bootstrap

Wir haben Bootstrap als CSS-Framework in diesem Lernprogramm verwendet, vorausgesetzt, Sie sind mit dem Bootstrap-Framework vertraut. Besuchen Sie dies Verknüpfung um mehr über Bootstrap zu erfahren.

# 2) Laravel Installation und Erstellung eines neuen Projekts

Bitte wende dich an die Laravel Einführung Tutorial um zu verstehen, wie man Laravel installiert und ein neues Projekt erstellt.

# 3) Konfiguration der Laravel-Datenbank

Bitte wende dich an die Laravel-Datenbank-Tutorial die Grundidee des Laravel-Datenbankkonzepts zu haben.

CSRF-Token

CSRF steht für Fälschung von standortübergreifenden Anfragen . Das CSRF-Token wird verwendet, um die Webanwendung vor CSRF-Angriffen zu schützen. Dieses Token enthält einen eindeutigen Wert, der von der Serverseite der Anwendung generiert und an die Clientseite der Anwendung gesendet wird. Außerdem können Sie überprüfen, ob ein authentifizierter Benutzer die Anforderung an die Anwendung sendet.

Wir verwenden dieses Token, wenn der Entwickler ein Formular wie folgt erstellt:

@csrf ...

Formularelemente

Die folgende Liste zeigt einige der Formularelemente, die wir beim Erstellen eines Formulars verwenden können.

  • Etikette
  • Text Eingabe
  • Standardeingabe
  • Zahleneingabe
  • Datumseingabe
  • Dateieingabe
  • Versteckte Eingabe
  • Textbereich
  • E-Mail-Eingabe
  • Passworteingabe
  • Dropdown-Liste oder Auswahlfeld
  • Optionsfeld-Eingabe
    • Optionsfeld-Eingabe
    • Optionsfeld-Eingang, der aktiviert ist
  • Kontrollkästchen
    • Checkbox-Eingabe
    • Checkbox-Eingabe, die aktiviert ist
  • Taste
    • Normale Taste
    • Senden-Schaltfläche
    • Rest-Taste

Wir können die folgenden Codeausschnitte als Referenz beim Erstellen eines Formulars verwenden.

# 1) Etikett

Beschreibung: Eine Beschriftung repräsentiert die Beschriftung für das Formularelement.

Beispiel: Erstellen eines Etiketts für die Vorname .

First Name

# 2) Texteingabe

Beschreibung: Ein Texteingabefeld ist ein einzeiliges Eingabefeld, in das der Benutzer Text eingeben kann.

Beispiel: Generieren eines Texteingabefeldes für die Vorname .

# 3) Standardeingabe

Beschreibung: Ein Standardeingabefeld ermöglicht es dem Entwickler, ein Eingabefeld mit einem Standardwert einzufügen. Der Benutzer kann entweder das Formular mit dem Standardwert senden oder den Wert ändern.

Beispiel: Generieren eines Eingabefeldes für die Vorname mit Standardwert John Doe .

# 4) Zahleneingabe

Beschreibung: Die Anzahl der Eingabefelder ermöglicht es dem Benutzer, einen numerischen Wert einzugeben.

Beispiel: Generieren eines Zahleneingabefeldes für Alter .

# 5) Datumseingabe

Beschreibung: Über ein Datumseingabefeld kann der Benutzer ein Datum auswählen.

Beispiel: Generieren eines Datumseingabefeldes für die Geburtstag .

# 6) Dateieingabe

Beschreibung: Über ein Dateieingabefeld kann der Benutzer eine Datei hochladen.

Beispiel: Generieren eines Dateiauswahlfeldes für Zertifikatskopie hochladen.

# 7) Versteckte Eingabe

Beschreibung: Über ein verstecktes Eingabefeld kann der Entwickler Daten hinzufügen, wenn der Benutzer das Formular sendet und der Benutzer diese Daten nicht sehen oder ändern kann.

Beispiel: Generieren eines versteckten Eingabefeldes für Studenten ID das hat den Wert 220 .

# 8) Textbereich

Beschreibung: In einem Textbereich kann der Benutzer einen Langtext eingeben. Es kann mehrere Textzeilen enthalten.

Beispiel: Generieren eines Textbereichs für Adresse .

# 9) E-Mail-Eingabe

Beschreibung: Über ein E-Mail-Eingabefeld kann der Benutzer eine E-Mail-Adresse eingeben. Das E-Mail-Format wird automatisch überprüft.

Beispiel: Generieren eines E-Mail-Eingabefelds.

# 10) Passworteingabe

Beschreibung: Über ein Passworteingabefeld kann der Benutzer ein Passwort eingeben. Die eingegebenen Zeichen sind maskiert.

Beispiel: Generieren eines Passworteingabefeldes.

# 11) Dropdown-Liste oder Auswahlfeld

Beschreibung: Über eine Dropdown-Liste oder ein Auswahlfeld kann der Benutzer eine Option aus einer Liste von Optionen auswählen.

Beispiel: Generieren einer Dropdown-Liste für die Titel .

Title -- Mr. Ms. Dr.

# 12) Optionsfeldeingang

a) Optionsfeld-Eingabe

Beschreibung: Mit einem Optionsfeld kann der Benutzer eine einzelne Option aus einer Liste von zwei oder mehr sich gegenseitig ausschließenden Optionen auswählen.

Beispiel: Generieren eines Optionsfeld-Eingabefelds für Geschlecht .

Gender Male Female

b) Überprüfter Optionsfeld-Eingang

Beschreibung: Dadurch kann der Entwickler ein Optionsfeld eingeben, das aktiviert ist.

Beispiel: Generieren eines Optionsfeld-Eingabefelds für Geschlecht - - männlich Option ist überprüft .

Gender Male Female

# 13) Checkbox-Eingabe

a) Checkbox-Eingabe

Beschreibung: Über ein Kontrollkästchen kann der Benutzer eine oder mehrere Optionen aus einem bestimmten Satz von Optionen auswählen.

Beispiel: Generieren eines Kontrollkästchen-Eingabefelds für Farben .

Colours Red Yellow Green

b) Checkbox-Eingang, der aktiviert ist

Beschreibung: Auf diese Weise kann der Entwickler ein Kontrollkästchen-Eingabefeld einfügen, das aktiviert ist.

Beispiel: Generieren eines Kontrollkästchen-Eingabefelds für Farben - - Netz ist überprüft .

Colours Red Yellow Green

# 14) Tasten

Beim Erstellen von Laravel-Formularen können drei Arten von Schaltflächen verwendet werden.

  • Normale Taste
  • Senden-Schaltfläche
  • Reset-Knopf

a) Normale Taste

Beschreibung: Eine normale Schaltfläche ist eine anklickbare Schaltfläche.

Beispiel: Eine normale Schaltfläche generieren.

b) Senden-Schaltfläche

Beschreibung: Über die Schaltfläche 'Senden' kann der Benutzer Formulardaten an die Serverseite der Anwendung senden.

Beispiel: Senden einer Schaltfläche 'Senden'.

c) Reset-Taste

Beschreibung: Über eine Schaltfläche zum Zurücksetzen kann der Benutzer Formularfelder auf ihre ursprünglichen Werte setzen.

Beispiel: Zurücksetzen einer Schaltfläche.

Laravel-Validierungsregeln

Die folgende Liste zeigt einige Laravel-Validierungsregeln:

Hinweis : Siehe die offizielle Dokumentation der Laravel-Validierung um die vollständige Liste der Validierung anzuzeigen. Einige der wichtigen Regeln sind unten aufgeführt.

# 1) Vorher oder gleich (Datum) - - before_or_equal: Datum

Diese Validierungsregel erlaubt nur die Verwendung eines Werts vor oder gleich dem angegebenen Datum.

#zwei) Zwischen - - zwischen: min, max

Diese Validierungsregel erlaubt nur die Verwendung einer Größe zwischen den angegebenen min und max.

#3) Datum - - Datum

Diese Validierungsregel erlaubt nur die Verwendung eines gültigen, nicht relativen Datums gemäß dem strtotime PHP-Funktion.

# 4) Datumsformat - - Datumsformat: Format

Nach dieser Validierungsregel muss das Feld dem angegebenen Format entsprechen.

# 5) Anders - - anders: Feld

Womit öffne ich JAR-Dateien?

Nach dieser Validierungsregel muss das Feld einen anderen Wert als das Feld haben.

# 6) Unterscheidbar - - deutlich

Bei der Arbeit mit Arrays darf das Feld nach dieser Validierungsregel keine doppelten Werte enthalten.

# 7) Email - - Email

Nach dieser Validierungsregel muss das Feld als E-Mail-Adresse formatiert sein.

# 8) Bilddatei) - - Bild

Nach dieser Validierungsregel muss das Feld ein Bild sein (JPEG, PNG, BMP, GIF, SVG oder WebP).

# 9) Nullable - - nullable

Nach dieser Validierungsregel muss das Feld null sein.

# 10) Numerisch - - numerisch

Nach dieser Validierungsregel muss das Feld numerisch sein.

#elf) Regulären Ausdruck - - Regex: Muster

Nach dieser Validierungsregel muss das Feld mit dem angegebenen regulären Ausdruck übereinstimmen.

# 12) Erforderlich - - erforderlich

Nach dieser Validierungsregel muss das Feld in den Eingabedaten vorhanden und nicht leer sein.

# 13) Größe - - Größe: Wert

Nach dieser Validierungsregel muss das Feld eine Größe haben, die dem angegebenen Wert entspricht.

# 14) Manchmal - - manchmal

Diese Validierungsregel führt Validierungsprüfungen für ein Feld nur durch, wenn dieses Feld im Eingabearray vorhanden ist.

#fünfzehn) URL - - URL

Nach dieser Validierungsregel muss das Feld eine gültige URL sein.

Beispiel für Laravel-Formulare mit Laravel-Validierung

In diesem Beispiel erstellen wir ein Anmeldeformular für Schüler mit grundlegender Laravel-Validierung.

Schritt 1: Installieren Sie ein neues Laravel-Projekt.

Schritt 2: Verbinden Sie Ihr Projekt mit der Datenbank.

Schritt 3: Erstellen xxxx_xx_xx_xxxxxx_create_students_table Migration und die Schüler Modell.

Öffne das xxxx_xx_xx_xxxxxx_create_students_table.php Datei und ändern Sie den vorhandenen Code wie unten gezeigt:

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

Öffnen Sie die Datei Student.php und ändern Sie den vorhandenen Code wie folgt:

Schritt 4: Führen Sie den folgenden Befehl an der Eingabeaufforderung aus, um Migrationen auszuführen.

php artisan migrate

Schritt 5: Fügen Sie die folgenden zwei Routen zum hinzu Routen / web.php Datei.

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

Schritt 6: Erstellen StudentController und ändern Sie den vorhandenen Code wie folgt:

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

Schritt 7: Erstellen Sie die entsprechende Ansichtsdatei (create.blade.php) und fügen Sie den folgenden Code hinzu.

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.

Schritt 8: Führen Sie das Projekt im Browser aus. Es wird eine Ausgabe ähnlich dem folgenden Screenshot erzeugt.

Führen Sie das Projekt im Browser aus

Es ist Zeit, mit dieser Form herumzuspielen. Wenn Sie das Formular mit ungültigen Werten ausfüllen, werden Validierungsfehler angezeigt. Wenn Sie das Formular korrekt ausfüllen und abschicken, erhalten Sie eine Erfolgsmeldung, und die Werte werden in der Datenbank gespeichert.

Fazit

Mithilfe von Laravel-Formularen können Entwickler Daten von Kunden oder Website-Besuchern sammeln. Der Entwickler muss Formulare mit ordnungsgemäßer Validierung erstellen. Andernfalls sind Formulare möglicherweise nicht so nützlich wie sie sind. In diesem Lernprogramm wurden wichtige Regeln für die Validierung von Laravel-Formularen erläutert.

Wir hoffen, Sie fanden dieses Tutorial hilfreich! Wir hoffen, Sie im nächsten Tutorial wiederzusehen, in dem wir das Hochladen von Dateien, das Senden von E-Mails, Sitzungen, die Authentifizierung und die Autorisierung erläutern.

Viel Spaß beim Lernen!

<< PREV Tutorial | NÄCHSTES Tutorial >>

Literatur-Empfehlungen

^