Laravel 5: la Meilleure façon de valider le formulaire avec Javascript

Je veux valider des formulaires dans le côté client dans Laravel. C'est là un moyen facile de le faire?

Ne le faites pas. Sauf si vous allez répéter la validation de formulaire côté serveur. C'est un 2 cliquez sur traiter pour désactiver javascript dans le navigateur, donc complètement la désactivation de votre validation et de mettre votre demande à risque.
Vous devez valider le formulaire sur le client (facultatif: pour une meilleure Expérience Utilisateur) et sur le serveur (obligatoire). Je vous donnerai ma réponse sous peu
Je veux faire les deux validations acheter Sorcière est la meilleure façon de faire dans le côté client. Toute option facile ou je dois le faire avec JS dans le "normal"?

OriginalL'auteur Victor | 2015-02-27

  1. 14

    Vous pouvez utiliser le package Laravel 5 Validation Javascript. Ce package permet transparent Javascript Valditaion dans votre point de vue basé sur Plugin JQuery Validation

    C'est un exemple de base de comment réutiliser vos règles de validation dans le contrôleur.

    PostController.php

    namespace App\Http\Controllers;

class PostController extends Controller {

    /**
     * Define your validation rules in a property in 
     * the controller to reuse the rules.
     */
    protected $validationRules=[
                'title' => 'required|unique|max:255',
                'body' => 'required'
    ];

    /**
     * Show the edit form for blog post
     * We create a JsValidator instance based on shared validation rules
     * @param  string  $post_id
     * @return Response
     */
    public function edit($post_id)
    {
        $validator = JsValidator::make($this->validationRules);
        $post = Post::find($post_id);

        return view('edit_post')->with([
            'validator' => $validator,
            'post' => $post
        ]);
    }

    /**
     * Store the incoming blog post.
     * @param  Request  $request
     * @return Response
     */
    public function store(Request $request)
    {
        $v = Validator::make($request->all(), $this->validationRules]);

        if ($v->fails())
        {
            return redirect()->back()->withErrors($v->errors());
        }

        //do store stuff
    }
}

    Dans la vue que vous simplement devez imprimer le validateur objet passé à la vue. Rappelez-vous que ce paquet dépend de JQuery et
    vous avez à faire avant que jsvalidation.js

    edit_post.blade.php

     <div class="container">
     <div class="row">
         <div class="col-md-10 col-md-offset-1">
             <form class="form-horizontal" role="form" method="POST" action="" id="ddd">
                 <div class="form-group">
                     <label class="col-md-4 control-label">Title</label>
                     <div class="col-md-6">
                         <input type="text" class="form-control" name="title">
                     </div>
                 </div>
                 <div class="form-group">
                     <label class="col-md-4 control-label">Array</label>
                     <div class="col-md-6">
                         <textarea name="body"></textarea>
                     </div>
                 </div>
             </form>
         </div>
     </div>
 </div>
 <!-- Scripts -->
 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script>

 <!-- Laravel Javascript Validation -->
 <script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js')}}"></script>
 {!! $validator !!}
    Comment mettre en œuvre à distance avec ce plugin? Je veux vérifier mon email champ id est unique.
    Le paquet n'a pas encore de support à distance comme indiqué dans les docs (sauf si vous les ajoutez-le vous-même). Ce forfait de remplacement s'affiche pour le soutenir, mais peut être absente à d'autres règles: github.com/bllim/laravalid
    Cette bibliothèque est génial, la validation de mon champs de formulaire avec facilité, mais ce n'est pas la validation de ckeditor déposée, pouvez-vous svp me guider que faire?
    Nécessite bootstrap :/
    fonctionne très bien... mais pas sur les onglets inactifs. j'.e-je appliquer une forme sur 3 onglets il ne fonctionne que sur l'onglet actif autres ignorent. toute solution?

    OriginalL'auteur torrentalle

  2. 2

    Tel que discuté dans les commentaires, depuis Laravel est un backend cadre, il ne fournit pas de client side validation hors de la boîte.

    Il ne devrait pas.

    Vous pouvez choisir un framework Javascript comme Angularjs, emberjs, etc. qui aura la validation de cuites dans.

    Ou si vous utilisez jQuery, vous pouvez simplement utiliser aucun plugin jquery validation, en voici quelques un:

    si vous êtes en utilisant bootstrap, alors vous pouvez utiliser http://1000hz.github.io/bootstrap-validator/

    OriginalL'auteur Jad Joubran

  3. 0

    Laravel 5 Validation Javascript ne fonctionne pas avec Laravel 5.3 pour l'instant. Vous obtiendrez une "Méthode [getFiles] n'existe pas." erreur, vous pouvez trier par suivre cette question https://github.com/proengsoft/laravel-jsvalidation/issues/190

    Aussi il ne fonctionne pas pour le tableau de validation que c'est nouveau dans Laravel 5.3

    OriginalL'auteur JGR