{"id":23768,"date":"2021-05-05T14:50:00","date_gmt":"2021-05-05T11:50:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23768"},"modified":"2021-10-17T21:18:18","modified_gmt":"2021-10-17T18:18:18","slug":"aloittelijan-opas-laravelin-validointiin","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/aloittelijan-opas-laravelin-validointiin\/","title":{"rendered":"Aloittelijan opas Laravelin validointiin"},"content":{"rendered":"

Kun rakennamme verkkosivustoa Laraveliin, meid\u00e4n on tiedett\u00e4v\u00e4 Laravelin validoinnista. Laravel<\/a> tarjoaa eri tavan vahvistaa saapuvat tiedot. T\u00e4ss\u00e4 artikkelissa tutkimme joitain Laravel-validointien perusteita.<\/p>\n

Sovellusta rakentaessamme meid\u00e4n on sovellettava asiakas- ja palvelinpuolen tarkistuksia ep\u00e4onnistumatta. N\u00e4in voimme suojata sovelluksemme tarpeettomilta tiedoilta. T\u00e4m\u00e4n seurauksena se s\u00e4\u00e4st\u00e4\u00e4 paljon aikaa j\u00e4tetietojen poistamiseen sovelluksesta.<\/p>\n

T\u00e4m\u00e4n j\u00e4lkeen katsotaanpa, kuinka Laravel-vahvistusta voidaan soveltaa sovelluksessasi.<\/p>\n

Otamme opetusohjelmaamme varten esimerkkilomakkeen, jolla on 2 kent\u00e4n otsikko ja kuvaus. K\u00e4yt\u00e4mme vahvistusta ja jos vahvistus ep\u00e4onnistuu, se n\u00e4kyy n\u00e4kym\u00e4ss\u00e4mme.<\/p>\n

Laravel-vahvistus<\/h3>\n

Aloittamiseksi meid\u00e4n on sis\u00e4llytett\u00e4v\u00e4 alla oleva lauseke ohjaintiedostoon.<\/p>\n

Sijoita t\u00e4m\u00e4 lausunto ennen ohjaimen alkua kuten alla.<\/p>\n

<?php\n\u00a0\nnamespace AppHttpControllers;\n\u00a0\nuse IlluminateHttpRequest;\nuse Validator;\n\u00a0\nclass PostController extends Controller\n{\n\u00a0\u00a0\u00a0.....\n}<\/code><\/pre>\n
Ennen kuin kirjoitat todellisen vahvistuskoodin, anna tulla n\u00e4kym\u00e4tiedostoon. Luomme yksinkertaisen lomakkeen, jossa on 2 kent\u00e4n otsikko ja kuvaus.<\/p>\n
<form action=\"{{ url('post') }}\" method=\"post\">\n\u00a0\u00a0<div class=\"form-group\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label for=\"exampleInputTitle\">Post Title<\/label>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"text\" name=\"title\" id=\"exampleInputTitle\" \/>\n\u00a0\u00a0<\/div>\n\u00a0\u00a0<div class=\"form-group\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label for=\"exampleInputBody\">Post Body<\/label>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<textarea class=\"form-control\" name=\"body\" id=\"exampleInputBody\" rows=\"10\"><\/textarea>\n\u00a0\u00a0<\/div>\n\u00a0\u00a0{{ csrf_field() }}\n\u00a0\u00a0<button type=\"submit\" class=\"btn btn-default\">Submit<\/button>\n<\/form><\/code><\/pre>\n
Kun l\u00e4het\u00e4mme lomakkeen, se kutsuu ohjaimemme store()<\/code>menetelm\u00e4\u00e4. Sinun tapauksessasi ehk\u00e4 menetelm\u00e4si on erilainen. Joten menetelm\u00e4ss\u00e4mme kirjoitamme vahvistuskoodin seuraavasti.<\/p>\n
public function store(Request $request)\n{\n\u00a0\u00a0\u00a0\u00a0$validator = Validator::make($request->all(), [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'title' => 'required|max:255',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'body' => 'required',\n\u00a0\u00a0\u00a0\u00a0]);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if ($validator->fails()) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return redirect('post\/create')\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0->withErrors($validator)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0->withInput();\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\/\/safe to proceed form\n}<\/code><\/pre>\n
Voit huomata, ett\u00e4 olemme v\u00e4litt\u00e4neet kaksi avainta ’otsikko’ ja ’runko’. N\u00e4m\u00e4 ovat muotoelementtimme nimi. T\u00e4ss\u00e4 Laravel tarkistaa, eiv\u00e4tk\u00f6 molemmat kent\u00e4t ole tyhji\u00e4 ja otsikkokent\u00e4t eiv\u00e4t ylit\u00e4 255 merkki\u00e4.<\/p>\n
Jos jokin vahvistus ep\u00e4onnistuu, k\u00e4ytt\u00e4j\u00e4 ohjaa uudelleenohjaussivulle() johtaneelle sivulle.<\/p>\n
N\u00e4yt\u00e4 virheilmoitukset n\u00e4kym\u00e4ss\u00e4<\/h3>\n
Olemme soveltaneet palvelinpuolen tarkistusta. Katsotaan nyt, kuinka virheilmoitukset n\u00e4ytet\u00e4\u00e4n.<\/p>\n
Oletetaan, ett\u00e4 vahvistus ep\u00e4onnistuu tapauksessamme, ja nyt meid\u00e4n on n\u00e4ytett\u00e4v\u00e4 virheilmoitukset lomakkeessamme. Laravel-n\u00e4kymiss\u00e4 virheit\u00e4 voidaan n\u00e4ytt\u00e4\u00e4 kahdella tavalla. Ensinn\u00e4kin voimme n\u00e4ytt\u00e4\u00e4 kaikki virheilmoitukset yhdess\u00e4 lomakkeen yl\u00e4osassa. Toisella tavalla voidaan n\u00e4ytt\u00e4\u00e4 se jokaisen kent\u00e4n vieress\u00e4, jossa on virhe.<\/p>\n
Jos haluat n\u00e4ytt\u00e4\u00e4 virheilmoituksen lomakkeen yl\u00e4osassa, lis\u00e4\u00e4 alla oleva koodi lomaketunnisteen yl\u00e4puolelle.<\/p>\n
@if ($errors->any())\n\u00a0\u00a0\u00a0\u00a0<div class=\"alert alert-danger\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<ul>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0@foreach ($errors->all() as $error)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<li>{{ $error }}<\/li>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0@endforeach\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/ul>\n\u00a0\u00a0\u00a0\u00a0<\/div>\n@endif<\/code><\/pre>\n
T\u00e4m\u00e4 koodi n\u00e4ytt\u00e4\u00e4 virheilmoituksen alla olevan kuvakaappauksen mukaisesti:<\/p>\n
Toisella tavalla tulostetaan virheilmoitus jokaisen kent\u00e4n j\u00e4lkeen. Siin\u00e4 tapauksessa koodimme on seuraava:<\/p>\n
<div class=\"form-group\">\n\u00a0\u00a0\u00a0<label for=\"exampleInputTitle\">Post Title<\/label>\n\u00a0\u00a0\u00a0<input type=\"text\" name=\"title\" id=\"exampleInputTitle\" \/>\n\u00a0\u00a0\u00a0@if ($errors->has('title'))\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"error\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{{ $errors->first('title') }}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\n\u00a0\u00a0\u00a0@endif\n\u00a0\n<\/div>\n<div class=\"form-group\">\n\u00a0\u00a0\u00a0<label for=\"exampleInputBody\">Post Body<\/label>\n\u00a0\u00a0\u00a0<textarea class=\"form-control\" name=\"body\" id=\"exampleInputBody\" rows=\"10\"><\/textarea>\n\u00a0\u00a0\u00a0@if ($errors->has('body'))\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"error\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{{ $errors->first('body') }}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>\n\u00a0\u00a0\u00a0@endif\n<\/div><\/code><\/pre>\n
Huomaa, ett\u00e4 @if ($errors->has('title'))<\/code>tarkistamme, onko otsikko-kent\u00e4ss\u00e4 tarkistusvirhe. Jos t\u00e4ss\u00e4 kent\u00e4ss\u00e4 on virhe, tulostamme sen k\u00e4ytt\u00e4m\u00e4ll\u00e4 {{ $errors->first('title') }}<\/code>. Sama logiikka, jota sovellimme kentt\u00e4\u00e4n ’body’. Katso alla olevaa t\u00e4m\u00e4n tyyppist\u00e4 kuvakaappausta.<\/p>\n
Toivomme, ett\u00e4 ymm\u00e4rr\u00e4t, miten Laravel-validointia k\u00e4ytet\u00e4\u00e4n sovelluksessasi. Jaa ajatuksesi alla olevassa kommenttiosassa.<\/p>\n
Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n