Meniu

Formulare Laravel și reguli de validare cu exemplu

  • Principal
  • Alte
  • Formulare Laravel și reguli de validare cu exemplu

laravel forms validation rules with example

Încercați Instrumentul Nostru Pentru Eliminarea Problemelor

Acest tutorial explică formularele Laravel și regulile de validare a formularelor. Aflați despre diferite elemente ale formularului cu exemple:

În Baza de date Laravel tutorial de Seria Laravel Tutorial , am aflat despre gestionarea bazelor de date, migrații, însămânțare, interogări SQL brute, modele elocvente, relații elocvente, artizan și Tinker.

Formularele sunt o caracteristică esențială atunci când se dezvoltă o aplicație bazată pe web. Este dificil chiar să te gândești la o aplicație web fără să ai un formular. Validarea este un factor critic atunci când se creează un formular și, fără validarea corespunzătoare, acestea sunt inutile.

Există mai multe metode pentru a construi un formular. În acest tutorial, am discutat o astfel de metodă. Acest tutorial reîmprospătează și cunoștințele HTML legate de formulare.

Forme și validare Laravel

În acest tutorial, am acoperit Formele Laravel și Reguli de validare Laravel . Pentru toate exemplele, am folosit Laravel versiunea 7 .

Ce veți învăța:

Forme Laravel

Condiții prealabile

Pentru a continua, trebuie să vă familiarizați cu următoarele concepte:

# 1) Bootstrap

Am folosit Bootstrap ca cadru CSS în acest tutorial, presupunând că sunteți familiarizați cu cadrul Bootstrap. Vizitați acest lucru legătură pentru a afla mai multe despre Bootstrap.

# 2) Instalarea Laravel și crearea unui nou proiect

Vă rugăm să consultați Tutorial de introducere Laravel pentru a înțelege cum să instalați Laravel și să creați un nou proiect.

# 3) Configurarea bazei de date Laravel

Vă rugăm să consultați Tutorial baza de date Laravel pentru a avea ideea de bază a conceptului bazei de date Laravel.

Jeton CSRF

CSRF înseamnă Solicitare de falsificare inter-site . Jetonul CSRF este utilizat pentru a proteja aplicația web de atacurile CSRF. Acest simbol conține o valoare unică generată de partea serverului aplicației, care este trimisă către partea clientului a aplicației. În plus, vă ajută să verificați dacă un utilizator autentificat trimite cererea către aplicație.

Folosim acest simbol atunci când dezvoltatorul creează un formular așa cum se arată mai jos:

@csrf ...

Elemente de formă

Următoarea listă prezintă câteva dintre elementele formularului pe care le putem folosi în timpul creării unui formular.

  • Eticheta
  • Introducere text
  • Intrare implicită
  • Numărul de intrare
  • Introducerea datei
  • Introducere fișier
  • Intrare ascunsă
  • Textarea
  • Introducere e-mail
  • Introducere parolă
  • Lista derulantă sau caseta de selectare
  • Intrare buton radio
    • Intrare buton radio
    • Intrare buton radio care este bifată
  • Caseta de bifat
    • Introducere casetă de selectare
    • Intrare casetă de selectare care este bifată
  • Buton
    • Buton normal
    • Buton de trimitere
    • Butonul Rest

Putem folosi următoarele fragmente de cod ca referință atunci când creăm un formular.

# 1) Etichetă

Descriere: O etichetă reprezintă legenda pentru elementul formular.

Exemplu: Generarea unei etichete pentru Nume .

First Name

# 2) Introducere text

Descriere: Un câmp de introducere a textului este un câmp de introducere a unei singure linii care permite utilizatorului să introducă text.

Exemplu: Generarea unui câmp de introducere a textului pentru Nume .

# 3) Intrare implicită

Descriere: Un câmp de intrare implicit permite dezvoltatorului să introducă un câmp de intrare cu o valoare implicită. Utilizatorul poate trimite formularul cu valoarea implicită sau poate modifica valoarea.

Exemplu: Generarea unui câmp de intrare pentru Nume cu valoare implicită John Doe .

# 4) Numărul de intrare

Descriere: Numărul câmpului de intrare permite utilizatorului să introducă o valoare numerică.

Exemplu: Generarea unui câmp de introducere a numărului pentru vârstă .

# 5) Intrare dată

Descriere: Un câmp de introducere a datei permite utilizatorului să selecteze o dată.

Exemplu: Generarea unui câmp de introducere a datei pentru data nasterii .

# 6) Intrare fișier

Descriere: Un câmp de introducere a fișierului permite utilizatorului să încarce un fișier.

Exemplu: Generarea unui câmp de selectare a fișierului pentru copie certificat încărcați.

# 7) Intrare ascunsă

Descriere: Un câmp de introducere ascuns permite dezvoltatorului să adauge date atunci când utilizatorul trimite formularul, iar utilizatorul nu poate vedea sau modifica aceste date.

Exemplu: Generarea unui câmp de intrare ascuns pentru Carnet de student care are valoarea 220 .

# 8) Textarea

Descriere: O zonă text permite utilizatorului să introducă un text lung. Poate conține mai multe linii de text.

Exemplu: Generarea unei zone de text pentru abordare .

# 9) Introducere e-mail

Descriere: Un câmp de introducere a e-mailului permite utilizatorului să introducă o adresă de e-mail. Validează automat formatul de e-mail.

Exemplu: Generarea unui câmp de introducere a e-mailului.

# 10) Introducere parolă

Descriere: Un câmp de introducere a parolei permite utilizatorului să introducă o parolă. Caracterele introduse sunt mascate.

Exemplu: Generarea unui câmp de introducere a parolei.

# 11) Listă derulantă sau Casetă de selectare

Descriere: O listă derulantă sau o casetă de selectare permite utilizatorului să selecteze o opțiune dintr-o listă de opțiuni.

Exemplu: Generarea unei liste derulante pentru titlu .

Title -- Mr. Ms. Dr.

# 12) Intrare buton radio

a) Intrare buton radio

Descriere: Un buton radio permite utilizatorului să selecteze o singură opțiune dintr-o listă de două sau mai multe opțiuni care se exclud reciproc.

Exemplu: Generarea unui câmp de intrare a butonului radio pentru gen .

Gender Male Female

b) Intrare buton radio verificată

Descriere: Aceasta permite dezvoltatorului să introducă un câmp de introducere a butonului radio care este bifat.

Exemplu: Generarea unui câmp de intrare a butonului radio pentru gen - masculin opțiunea este verificat .

Gender Male Female

# 13) Intrare casetă de selectare

a) Intrare casetă de selectare

Descriere: O casetă de selectare permite utilizatorului să selecteze una sau mai multe opțiuni dintr-un set dat de opțiuni.

Exemplu: Generarea unui câmp de introducere a casetei de selectare pentru culori .

Colours Red Yellow Green

b) Intrare casetă de selectare care este bifată

Descriere: Aceasta permite dezvoltatorului să introducă un câmp de introducere a casetei de selectare care este bifat.

Exemplu: Generarea unui câmp de introducere a casetei de selectare pentru culori - net este verificat .

Colours Red Yellow Green

# 14) Butoane

Trei tipuri de butoane pot fi utilizate la crearea formularelor Laravel.

  • Buton normal
  • Buton de trimitere
  • Butonul de resetare

a) Buton normal

Descriere: Un buton normal este un buton care poate fi făcut clic.

Exemplu: Generarea unui buton normal.

b) Butonul Trimitere

Descriere: Un buton de trimitere permite utilizatorului să trimită datele formularului către partea serverului aplicației.

Exemplu: Generarea unui buton de trimitere.

c) Butonul Reset

Descriere: Un buton de resetare permite utilizatorului să seteze câmpurile de formular la valorile sale originale.

Exemplu: Generarea unui buton de resetare.

Reguli de validare Laravel

Următoarea listă prezintă câteva reguli de validare Laravel:

Notă : Consultați documentația oficială a validării Laravel pentru a vedea lista completă de validare. Unele dintre regulile importante sunt enumerate mai jos.

# 1) Înainte sau egal (Data) - before_or_equal: data

Această regulă de validare permite numai utilizarea unei valori anterioare sau egale cu data dată.

#Două) Între - între: min, max

Această regulă de validare permite utilizarea unei dimensiuni între min și max.

# 3) Data - Data

Această regulă de validare permite numai utilizarea unei date valide, care nu sunt relative, în conformitate cu strtotime Funcția PHP.

# 4) Formatul datei - data_format: format

Conform acestei reguli de validare, câmpul trebuie să corespundă formatului dat.

# 5) Diferit - diferit: câmp

cel mai bun optimizator de sistem gratuit pentru Windows 10

Conform acestei reguli de validare, câmpul trebuie să aibă o valoare diferită de cea a câmpului.

# 6) Distinct - distinct

Când lucrați cu tablouri, în conformitate cu această regulă de validare, câmpul nu trebuie să aibă valori duplicate.

# 7) E-mail - e-mail

Conform acestei reguli de validare, câmpul trebuie formatat ca adresă de e-mail.

# 8) Imagine (fișier) - imagine

Conform acestei reguli de validare, câmpul trebuie să fie o imagine (jpeg, png, bmp, gif, svg sau webp).

# 9) Nulabil - anulabil

Conform acestei reguli de validare, câmpul trebuie să fie nul.

# 10) Numeric - numeric

Conform acestei reguli de validare, câmpul trebuie să fie numeric.

#unsprezece) Expresie uzuala - regex: model

Conform acestei reguli de validare, câmpul trebuie să se potrivească cu expresia regulată dată.

# 12) Necesar - necesar

Conform acestei reguli de validare, câmpul trebuie să fie prezent în datele de intrare și să nu fie gol.

# 13) mărimea - dimensiune: valoare

Conform acestei reguli de validare, câmpul trebuie să aibă o dimensiune care să corespundă valorii date.

# 14) Uneori - uneori

Această regulă de validare execută verificări de validare cu un câmp numai dacă acel câmp este prezent în matricea de intrare.

#cincisprezece) URL - url

Conform acestei reguli de validare, câmpul trebuie să fie un URL valid.

Exemplu de forme Laravel cu validare Laravel

În acest exemplu, vom crea un formular de înregistrare a studenților cu validare de bază Laravel.

Pasul 1: Instalați un nou proiect Laravel.

Pasul 2: Conectați-vă proiectul la baza de date.

Pasul 3: Crea xxxx_xx_xx_xxxxxx_create_students_table migrație și Student model.

Deschide xxxx_xx_xx_xxxxxx_create_students_table.php fișier și modificați codul existent așa cum se arată mai jos:

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

Deschideți fișierul Student.php și modificați codul existent așa cum se arată mai jos:

Pasul 4: Rulați următoarea comandă în promptul de comandă pentru a rula migrările.

php artisan migrate

Pasul 5: Adăugați următoarele două rute la routes / web.php fişier.

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

Pasul 6: Crea StudentController și modificați codul existent așa cum se arată mai jos:

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

Pasul 7: Creați fișierul de vizualizare relevant (create.blade.php) și adăugați următorul cod.

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.

Pasul 8: Rulați proiectul pe browser. Va produce o ieșire similară cu captura de ecran de mai jos.

Rulați proiectul pe browser

Este timpul să ne jucăm cu acest formular. Dacă completați formularul cu valori nevalide, veți primi erori de validare. Dacă completați formularul corect și trimiteți, atunci veți primi un mesaj de succes, iar valorile vor fi salvate în baza de date.

Concluzie

Formularele Laravel ajută dezvoltatorii să colecteze date de la clienți sau de la vizitatorii site-ului. Dezvoltatorul trebuie să creeze formulare cu validare adecvată. În caz contrar, formularele pot să nu fie utile așa cum sunt. Am discutat reguli importante de validare a formularului Laravel în acest tutorial.

Sperăm că vi s-a părut util acest tutorial! Sper să ne revedem în următorul tutorial unde vom discuta despre încărcarea fișierelor, trimiterea de e-mailuri, sesiuni, autentificare și autorizare.

Învățare fericită!

<< PREV Tutorial | URMĂTOARE Tutorial >>

Lectură recomandată

^