CakePHP-Fr.Org

Forum francophone du Framework CakePHP

Vous n'êtes pas identifié.

#1 12-08-2014 14:44:19

renard
Pitivier
Date d'inscription: 12-08-2014
Messages: 16

[RESOLU] Pb avec input text et la règle de validation required

Bonjour,

j'ai un formulaire tout simple avec nom, prenom, mail, mot de passe ...
J'ai fait mes règles de validation dans mon model User :

public $validate = array(
    'firstname' => array(
        'rule' =>'alphanumeric',
        'required' => true,
        'allowEmpty' => false,
        'message' => "Votre prénom n'est pas valide"
    ),
   
);

Ci-dessous mon fichier vue :

<?php echo $this->Form->create('User', array('class'=>'form-horizontal')); ?>

<div class="input text required">
    <div class="form-group">
    <?php echo $this->Form->label('firstname', $text = 'Prénom', $options = array('class' => 'control-label col-xs-2')); ?>
        <div class="col-xs-10 ">
    <?php echo $this->Form->input('firstname',array('div'=>false,'label'=>false,'placeholder'=>'Prénom','class'=>'form-control')) ;?>
         </div>
     </div>
     </div>
...

Mon problème vient du fait que quand je valide mon formulaire en ne remplissant pas le champ prenom, le message d'erreur relatif à la règle "required" dans mon model fonctionne, mais le contour du champ input ne prend pas la couleur rouge.
J'ai identifié la cause. Lorsque je mets 'class'=>'form-control' dans mon fichier vue, la couleur rouge n'apparait pas. Lorsque je retire cette class, la couleur rouge apparait mais du coup, je n'ai plus la mise en page. Je n'arrive pas à avoir les deux.

Merci beaucoup pour votre aide.

Hors ligne

 

#2 13-08-2014 08:22:17

spout
Cooker
Date d'inscription: 18-12-2010
Messages: 1899

Re: [RESOLU] Pb avec input text et la règle de validation required

Il faut juste que ça génère le même markup que bootstrap: http://getbootstrap.com/css/#forms-control-validation

Hors ligne

 

#3 13-08-2014 09:10:05

s13
Fraisier
Date d'inscription: 28-01-2011
Messages: 64

Re: [RESOLU] Pb avec input text et la règle de validation required

Bonjour,
Pour l'input, fait comme ça :

Code: php

  1. $this->Form->input('firstname',
  2.     array(
  3.         'type' => 'text',
  4.         'div' => array('class' => 'form-group'),
  5.         'label' => array('class' => 'control-label col-xs-2', 'text' => 'Prénom'),
  6.         'class' => 'form-control',
  7.         'between' => '<div class="col-xs-10">',
  8.         'after' => '</div>'
  9.     ));

Ensuite le souci de couleur d'erreur vient, je pense, du fait que tu utilises Bootstrap et qu'il attend une class .has-error sur la div.form-group alors que Cake ajoute une classe ".error".
Il faudrait donc que tu modifies ta CSS pour palier à ce problème. ex : .form-group.error .form-control { color: red; }


-
Join us: irc.freenode.net #cakephp-fr

Hors ligne

 

#4 13-08-2014 16:40:03

renard
Pitivier
Date d'inscription: 12-08-2014
Messages: 16

Re: [RESOLU] Pb avec input text et la règle de validation required

ok merci c'était bien ça.

Hors ligne

 

#5 24-02-2015 18:49:35

kaoutar
Chouquette
Date d'inscription: 15-02-2015
Messages: 3

Re: [RESOLU] Pb avec input text et la règle de validation required

Salut tout le monde,
j'ai le même soucis, mais je ne sais pas quelle css je dois modifier? celle de bootstrap ou cake?
Merci d'avance

Hors ligne

 

#6 25-02-2015 07:49:35

cyberbobjr
Baker
Date d'inscription: 13-07-2010
Messages: 625

Re: [RESOLU] Pb avec input text et la règle de validation required

Salut,
Celui de cake
A++


Développeur freelance et disponible, contactez-moi en privé.
Mon blog CakePHP : http://caketuts.key-conseil.fr

Hors ligne

 

Pied de page des forums

Propuls� par FluxBB
Traduction par FluxBB.fr