JSFiddle - React, Tailwind, and code Playground

by Raphaël

HTML

<form id="sendform" class="form-horizontal" action="/symfony/web/app_dev.php/personne/ajouter/19" method="post" {{ form_enctype(form) }}>
    <div class="modal-body">{{ form_errors(form) }}
        <div class="control-group">{{ form_label(form.name, "Nom", {'label_attr': {'class': 'control-label'}}) }} {{ form_errors(form.name) }}
            <div class="controls">{{ form_widget(form.name) }}</div>
        </div>
        <div class="control-group">{{ form_label(form.firstName, "Prénom", {'label_attr': {'class': 'control-label'}}) }} {{ form_errors(form.firstName) }}
            <div class="controls">{{ form_widget(form.firstName) }}</div>
        </div>
        <!-- D'autres champs -->
        <div class="control-group">{{ form_label(form.email, "Email", {'label_attr': {'class': 'control-label'}}) }} {{ form_errors(form.email) }}
            <div class="controls">{{ form_widget(form.email) }}</div>
        </div>{{ form_rest(form) }}</div>-->
    <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Fermer</a>

        <button type="submit" class="btn btn-success">Créer</button>
    </div>
</form>

JavaScript

$("#sendform").submit(function () {
    alert("test");
    var form = $(this);
    $.post("/symfony/web/app_dev.php/personne/ajouter/19", form.serialize(),

    function success(data) {
        alert('success');
    });
});