Menú

Formularis Laravel i regles de validació amb exemple

laravel forms validation rules with example

Proveu El Nostre Instrument Per Eliminar Problemes

Aquest tutorial explica els formularis de Laravel i les regles de validació de formularis. Obteniu més informació sobre diferents elements del formulari amb exemples:

A la Base de dades Laravel tutorial de Sèrie Laravel Tutorial , vam aprendre sobre el maneig de bases de dades, les migracions, la sembra, les consultes SQL en brut, els models eloqüents, les relacions eloqüents, l'artesà i el Tinker

Els formularis són una característica essencial a l’hora de desenvolupar una aplicació basada en web. Fins i tot és difícil pensar en una aplicació web sense tenir un formulari. La validació és un factor crític a l’hora de crear un formulari i, sense una validació adequada, no serveix per a res.

Hi ha diversos mètodes per crear un formulari. En aquest tutorial, hem parlat d’un d’aquests mètodes. Aquest tutorial també actualitza el vostre coneixement HTML relacionat amb els formularis.

Formes i validació de Laravel

En aquest tutorial, hem tractat Formes Laravel i Regles de validació de Laravel . Hem utilitzat tots els exemples Versió 7 de Laravel .

Què aprendreu:

Formes Laravel

Requisits previs

Per continuar, heu de familiaritzar-vos amb els conceptes següents:

# 1) Bootstrap

Hem utilitzat Bootstrap com a framework CSS en aquest tutorial, suposant que esteu familiaritzat amb el framework Bootstrap. Visiteu això enllaç per saber més sobre Bootstrap.

# 2) Instal·lació de Laravel i creació d'un nou projecte

Consulteu el document Tutorial d’introducció de Laravel per entendre com instal·lar Laravel i crear un nou projecte.

# 3) Configuració de la base de dades de Laravel

Consulteu el document Tutorial de base de dades Laravel tenir la idea bàsica del concepte de base de dades Laravel.

Token CSRF

CSRF significa Sol·licitud de falsificació entre llocs . El testimoni CSRF s’utilitza per protegir l’aplicació web dels atacs CSRF. Aquest testimoni conté un valor únic generat pel servidor de l’aplicació, que s’envia al client de l’aplicació. A més, ajuda a verificar si un usuari autenticat envia la sol·licitud a l'aplicació.

Utilitzem aquest testimoni quan el desenvolupador crea un formulari com es mostra a continuació:

@csrf ...

Elements de la forma

La llista següent mostra alguns dels elements del formulari que podem utilitzar mentre es crea un formulari.

  • Etiqueta
  • Introducció de text
  • Entrada per defecte
  • Entrada numèrica
  • Data d’entrada
  • Entrada de fitxers
  • Entrada oculta
  • Textarea
  • Entrada de correu electrònic
  • Introducció de contrasenya
  • Llista desplegable o quadre de selecció
  • Entrada del botó d’opció
    • Entrada del botó d’opció
    • Entrada del botó d’opció que està marcada
  • Casella de selecció
    • Entrada de la casella de selecció
    • Entrada de la casella de selecció que està marcada
  • Botó
    • Botó normal
    • Botó Envia
    • Botó de descans

Podem utilitzar els següents fragments de codi com a referència a l’hora de crear un formulari.

# 1) Etiqueta

Descripció: Una etiqueta representa el títol de l'element del formulari.

Exemple: Generant una etiqueta per a nom .

First Name

# 2) Entrada de text

Descripció: Un camp d’entrada de text és un camp d’entrada d’una sola línia que permet a l’usuari introduir text.

Exemple: Generació d 'un camp d' entrada de text per al fitxer nom .

# 3) Entrada per defecte

Descripció: Un camp d'entrada predeterminat permet al desenvolupador inserir un camp d'entrada amb un valor predeterminat. L'usuari pot enviar el formulari amb el valor per defecte o canviar-ne el valor.

Exemple: Generant un camp d 'entrada per al fitxer nom amb valor per defecte John Doe .

# 4) Entrada de número

Descripció: El nombre de camps d'entrada permet a l'usuari introduir un valor numèric.

Exemple: S'està generant un camp d'entrada de número per a edat .

# 5) Entrada de data

Descripció: Un camp d'entrada de data permet a l'usuari seleccionar una data.

Exemple: S'està generant un camp d'entrada de data per a data de naixement .

# 6) Entrada de fitxers

Descripció: Un camp d'entrada de fitxer permet a l'usuari carregar un fitxer.

Exemple: Generant un camp de selecció de fitxers per a còpia del certificat pujar.

# 7) Entrada oculta

Descripció: Un camp d'entrada ocult permet al desenvolupador afegir dades quan l'usuari envia el formulari i l'usuari no pot veure ni modificar aquestes dades.

Exemple: S'està generant un camp d'entrada ocult per a identificació de l'estudiant això té el valor 220 .

# 8) Textarea

Descripció: Una àrea de text permet a l'usuari introduir un text llarg. Pot contenir diverses línies de text.

Exemple: Generant una àrea de text per a adreça .

# 9) Entrada de correu electrònic

Descripció: Un camp d'entrada de correu electrònic permet a l'usuari introduir una adreça de correu electrònic. Valida automàticament el format de correu electrònic.

Exemple: Generació d’un camp d’entrada de correu electrònic.

# 10) Entrada de contrasenya

Descripció: Un camp d’entrada de contrasenya permet a l’usuari introduir una contrasenya. Els caràcters entrants estan emmascarats.

Exemple: Generació d'un camp d'entrada de contrasenya.

# 11) Llista desplegable o quadre de selecció

Descripció: Una llista desplegable o un quadre de selecció permet a l'usuari seleccionar una opció d'una llista d'opcions.

Exemple: Generant una llista desplegable per a títol .

Title -- Mr. Ms. Dr.

# 12) Entrada del botó de ràdio

a) Entrada del botó de ràdio

Descripció: Un botó d’opció permet a l’usuari seleccionar una única opció d’una llista de dues o més opcions que s’exclouen mútuament.

Exemple: Generació d'un camp d'entrada de botó d'opció per a gènere .

Gender Male Female

b) Entrada del botó d’opció que està comprovada

Descripció: Això permet al desenvolupador inserir un camp d'entrada de botó d'opció que estigui marcat.

Exemple: Generació d'un camp d'entrada de botó d'opció per a gènere - masculí opció és comprovat .

Gender Male Female

# 13) Entrada de la casella de selecció

a) Entrada de la casella de selecció

Descripció: Una casella de selecció permet a l'usuari seleccionar una o més opcions d'un conjunt d'opcions determinat.

Exemple: S'està generant un camp d'entrada de casella de selecció per a colors .

Colours Red Yellow Green

b) Entrada de la casella de selecció que està marcada

Descripció: Això permet al desenvolupador inserir un camp d'entrada de casella de selecció que està marcat.

Exemple: S'està generant un camp d'entrada de casella de selecció per a colors - xarxa és comprovat .

Colours Red Yellow Green

# 14) Botons

Es poden utilitzar tres tipus de botons quan es creen formularis Laravel.

  • Botó normal
  • Botó Envia
  • Botó de reset

a) Botó normal

Descripció: Un botó normal és un botó on es pot fer clic.

Exemple: Generant un botó normal.

b) Botó d’enviament

Descripció: Un botó d'enviament permet a l'usuari enviar les dades del formulari al servidor de l'aplicació.

Exemple: Generació d’un botó d’enviament.

c) Botó de reinici

Descripció: Un botó de restabliment permet a l'usuari configurar els camps del formulari als seus valors originals.

Exemple: S'està generant un botó de restabliment.

Normes de validació de Laravel

La llista següent mostra algunes regles de validació de Laravel:

Nota : Consulteu el document documentació oficial de validació de Laravel per veure la llista completa de validacions. A continuació s’enumeren algunes de les regles importants.

# 1) Abans o igual (data) - before_or_equal: data

Aquesta regla de validació només permet utilitzar un valor anterior o igual a la data indicada.

# 2) Entre - entre: mín., màx

Aquesta regla de validació només permet utilitzar una mida entre el mínim i el màxim indicats.

# 3) Data - data

Aquesta regla de validació només permet utilitzar una data vàlida no relativa segons el fitxer strtotime Funció PHP.

# 4) Format de data - format_data: format

Segons aquesta regla de validació, el camp ha de coincidir amb el format donat.

# 5) Diferents - diferent: camp

com provar la injecció sql manualment

Segons aquesta regla de validació, el camp ha de tenir un valor diferent del camp.

# 6) Distingit - diferent

Quan es treballa amb matrius, segons aquesta regla de validació, el camp no ha de tenir cap valor duplicat.

# 7) Correu electrònic - correu electrònic

Segons aquesta regla de validació, el camp ha de tenir el format d'una adreça de correu electrònic.

# 8) Imatge (fitxer) - imatge

Segons aquesta regla de validació, el camp ha de ser una imatge (jpeg, png, bmp, gif, svg o webp).

# 9) Anul·lable - anul·lable

Segons aquesta regla de validació, el camp ha de ser nul.

# 10) Numèric - numèric

Segons aquesta regla de validació, el camp ha de ser numèric.

# 11) Expressió normal - regex: patró

Segons aquesta regla de validació, el camp ha de coincidir amb l'expressió regular donada.

# 12) Obligatori - obligatori

Segons aquesta regla de validació, el camp ha d'estar present a les dades d'entrada i no estar buit.

# 13) Mida - mida: valor

Segons aquesta regla de validació, el camp ha de tenir una mida que coincideixi amb el valor indicat.

# 14) De vegades - de vegades

Aquesta regla de validació executa comprovacions de validació amb un camp només si aquest camp està present a la matriu d'entrada.

# 15) URL - url

Segons aquesta regla de validació, el camp ha de ser un URL vàlid.

Exemple de formularis Laravel amb validació de Laravel

En aquest exemple, crearem un formulari de registre d’estudiants amb validació bàsica de Laravel.

Pas 1: Instal·leu un nou projecte Laravel.

Pas 2: Connecteu el vostre projecte a la base de dades.

Pas 3: Crear xxxx_xx_xx_xxxxxx_create_students_table migració i el Estudiant model.

Obriu el fitxer xxxx_xx_xx_xxxxxx_create_students_table.php fitxer i modifiqueu el codi existent com es mostra a continuació:

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

Obriu el fitxer Student.php i modifiqueu el codi existent com es mostra a continuació:

Pas 4: Executeu l'ordre següent a l'indicador d'ordres per executar les migracions.

php artisan migrate

Pas 5: Afegiu les dues rutes següents al routes / web.php dossier.

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

Pas 6: Crear StudentController i modifiqueu el codi existent com es mostra a continuació:

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

Pas 7: Creeu el fitxer de visualització corresponent (create.blade.php) i afegiu el codi següent.

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.

Pas 8: Executeu el projecte al navegador. Produirà una sortida similar a la captura de pantalla següent.

Executeu el projecte al navegador

És hora de jugar amb aquesta forma. Si empleneu el formulari amb valors no vàlids, obtindreu errors de validació. Si empleneu el formulari correctament i l’envieu, rebreu un missatge d’èxit i es guardaran els valors a la base de dades.

Conclusió

Els formularis Laravel ajuden els desenvolupadors a recopilar dades de clients o visitants del lloc. El desenvolupador ha de crear formularis amb la validació adequada. En cas contrari, els formularis poden no ser útils tal com són. En aquest tutorial hem comentat importants regles de validació de formularis Laravel.

Esperem que aquest tutorial us sigui útil. Esperem tornar-vos a veure en el proper tutorial on parlarem de la càrrega de fitxers, l’enviament de correus electrònics, les sessions, l’autenticació i l’autorització.

Feliç aprenentatge!

<< PREV Tutorial | NEXT Tutorial >>

Lectura recomanada

^