Aller au contenu principal
Version: NEXT GEN

Formulaire

Les formulaires sont des éléments essentiels pour interagir avec les utilisateurs et sont souvent utilisés pour collecter des informations. Les formulaires sont utilisés pour collecter des informations de l'utilisateur, telles que les coordonnées, les commentaires, les avis, etc. Les formulaires sont également utilisés pour collecter des informations de l'utilisateur, telles que l'inscription, le checkout etc.

Pour les formulaires, nous avons rajouté un ensemble de composants sous forme d'@include de fichier pour les formulaires. Vous pouvez les utiliser dans vos vues. Cela permet de pouvoir les modifier facilement sans devoir repasser sur chaque formulaire. Pour les utiliser :

Input

@include('shared.input', ['name' => 'name', 'label' => 'Name', 'value' => '', 'type' => 'text'])

PropriétéDescriptionTypeObligatoire
nameNom du champStringOui
labelLabel du champStringNon
valueValeur du champStringNon
typeType du champStringNon
attributesAttributs du champArrayNon
stepStep du champStringNon
disabledChamp désactiverBoolNon
readonlyChamp regardableBoolNon
helpAide du champStringNon
optionalChamp optionnelBoolNon

Password

@include('shared.password', ['name' => 'password', 'label' => 'Password', 'value' => ''])

PropriétéDescriptionTypeObligatoire
nameNom du champStringOui
labelLabel du champStringNon
valueValeur du champStringNon
helpAide du champStringNon
optionalChamp optionnelBoolNon

Textarea

@include('shared.textarea', ['name' => 'description', 'label' => 'Description', 'value' => ''])

PropriétéDescriptionTypeObligatoire
nameNom du champStringOui
labelLabel du champStringNon
valueValeur du champStringNon
attributesAttributs du champArrayNon
rowsnombre de ligneIntegerNon
disabledChamp désactiverBoolNon
helpAide du champStringNon
InverifiedvalueValeur non vérifié (HTML non échappé)StringNon

Select

@include('shared.select', ['name' => 'country', 'label' => 'Country', 'value' => '', 'options' => ['France', 'Belgium', 'Germany']])

PropriétéDescriptionTypeObligatoire
nameNom du champStringOui
labelLabel du champStringNon
valueValeur du champStringNon
optionsOptions du champArrayOui
attributesAttributs du champArrayNon
helpAide du champStringNon

Checkbox

@include('shared.checkbox', ['name' => 'terms', 'label' => 'I agree to the terms and conditions', 'value' => '1'])

PropriétéDescriptionTypeObligatoire
nameNom du champStringOui
labelLabel du champStringNon
valueValeur du champStringNon
checkedChamp cochéBoolNon

Captcha

Si vous estimez que vous avez besoin d'un captcha pour votre formulaire, vous pouvez rajouter le captcha en utilisant le composant suivant :

@include('shared.captcha')

ClientXCMS prendra en charge la création et la validation du captcha pour vous.

Message flash

ClientXCMS prend en charge les messages flash pour les formulaires. Vous pouvez les afficher en utilisant le composant suivant :

@include('shared.flash')

Validation

ClientXCMS prend en charge la validation des formulaires et affiche le message d'erreur à côté du champ concerné. Vous pouvez consulter la documentation de Laravel pour plus d'informations sur la validation. Pour debuguer les erreurs de validation, vous pouvez utiliser la méthode errors() ou @dump($errors);de Laravel.

@if ($errors->any())
<div class="alert alert-danger">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif