acseo/form-js-validation-bundle

Symfony Form Js Validation Bundle

ACSEO Form JS Validation Bundle

A bundle that add js validation to you forms, _(*1)

Installation

1) Install using composer, _(*2)

composer require acseo/form-js-validation-bundle

2) Update AppKernel.php :, _(*3)

<?php
// app/AppKernel.php
class AppKernel extends Kernel
{
    public function registerBundles()
    {
        $bundles = [
        // ...
        new ACSEO\Bundle\FormJsValidationBundle\ACSEOFormJsValidationBundle(),
        // ...

3) Select your js validation plugin between validation.io and jqueryvalidation.org in the parameters.yml :, _(*4)

// app/config/parameters.yml

parameters:
    // ...
    // to use the validation.io
    acseo_form_js_validation.service: acseo_form_js_validation_io
    // or to use the jqueryvalidation.org
    acseo_form_js_validation.service: acseo_form_jquery_form_validator

Usage

Add Form validation to your form

In your controller, add js form validation :, _(*5)

<?php
//...
public function newAction(Request $request)
{
    // ...
    $awesomeEntity = new AwesomeEntity();
    $form   = $this->createForm(AwesomeEntityType::class, $awesomeEntity,array(
        'action' => $this->generateUrl('awesomeentity_new'),
        'method' => 'POST')
    );

    // ...
    $form = $this->get("acseo_form_js_validation.service")->addJsValidation($form);
    // ...

Update templates

Using form validation.io

1) In your base template, use formvalidation js and css : http://formvalidation.io/getting-started/#usage, _(*6)

2) In the template when the form is used, just update the code with this :, _(*7)

{{ form_start(form, {'attr': { 'id' : 'awesome_entity_form', 'data-fv-framework' : 'bootstrap', }}) }}



{{ form_end(form)}}

Using form jqueryvalidation.org

1) In your base template, use jqueryvalidation js and css : https://github.com/jquery-validation/jquery-validation/releases, _(*8)

2) In the template when the form is used, just update the code with this :, _(*9)

{{ form_start(form, {'attr': {'id': 'awesome_entity_form'}}) }}



{{ form_end(form)}}