CakePHP validation règle automatiquement l'ajout d'un attribut obligatoire pour le domaine

Je suis l'aide d'une règle de validation personnalisée dans CakePHP pour vous assurer qu'une valeur est saisie dans un champ lors d'une case à cocher correspondante est marquée:

Voici la règle de validation au sein de mon modèle de validation de la matrice de...

'tv_price'=>array(        
    'check'=>array(
        'rule'=>array('check_for_tv_price'),
        'message'=>'Please enter the television pricing information.',
    ),
)

...et voici ma vraiment personnalisé simple fonction de validation:

public function check_for_tv_price($check) {
    if($this->data['Client']['tv']==1&&$this->data['Client']['tv_price']=="") {
        return false;
    }
    if($this->data['Client']['tv']==1&&$this->data['Client']['tv_price']!="") {
        return true;
    }
    if($this->data['Client']['tv']==0) {
        return true;
    }

}

J'ai essayé d'ajouter 'required'=>false et 'allowEmpty'=>true à différents points de la validation de la matrice pour mon tv_price champ, mais ils ont toujours la priorité sur ma règle personnalisée! En conséquence, un utilisateur ne peut pas envoyer le formulaire, car le navigateur empêche (en raison de l'attribut obligatoire).

Pour référence, le navigateur crache le code HTML suivant:

<input id="ClientTvPrice" type="text" required="required" maxlength="255" minyear="2013" maxyear="2018" name="data[Client][tv_price]"></input>

(Note de l'minyear et maxyear attributs sont de la forme par défaut.)

Quelqu'un a trouvé un moyen d'empêcher l'insertion automatique de la required attribut lors de l'utilisation de règles de validation personnalisée?

Tous conseils seront très appréciés.

Merci!

Chris

Comment une telle tâche simple peut être si difficile souffle mon esprit... Il n'y a pas une bonne solution pour ce. Il semble que l'on ne peut pas permettre la saisie de texte est vide, encore exécuter le reste des validations/custom validations définies. Frustrant comme l'enfer...

InformationsquelleAutor CSamp | 2013-04-26

9

Requis pour faux et allowEmpty à true, cela devrait le faire pour vous.
```
'tv_price'=>array(        
    'check'=>array(
        'rule'=>array('check_for_tv_price'),
        'message'=>'Please enter the television pricing information.',
        'required' => false,
        'allowEmpty' => true
    ),
)
```
Espère que cette aide.
- 'required' => false n'est pas nécessaire, c'est la valeur null par défaut. Juste le 'allowEmpty' => true est suffisante pour assurer l' 'required' attribut n'est pas ajouté à l'élément d'entrée.
- Merci, @kaisok! J'ai ajouté 'allowEmpty'=>true à la validation de la matrice et il semble fonctionner. J'ai tourné sur l'attribut obligatoire lorsque la case est cochée (voir ci-dessus pour le code JS)
InformationsquelleAutor obsirdian
1

Ces semble 2.3 nouveau HTML5 genre de choses magiques.

Essayez d'ajouter 'formnovalidate' => true à la $this->FormHelper->input() options dans la vue.

ref:

http://book.cakephp.org/2.0/en/appendices/2-3-migration-guide.html#formhelper

http://book.cakephp.org/2.0/en/core-libraries/helpers/form.html#FormHelper::input

InformationsquelleAutor Costa

Merci pour les commentaires!

Après enquête, j'ai effectivement ne voulez l'attribut requis allumé lorsque le formulaire est cochée; pour atteindre ce que j'ai écrit deux simples fonctions JavaScript (et utilisé un troisième que j'ai trouvé en ligne) pour vérifier le statut actuel de l'cases à cocher et cochez le champ requis le cas échéant.

Dans le fichier de vue, j'ai ajouté la fonction d'appels en deux endroits. Le premier bloc est dans le onload de la fonction et est appelée lorsque la fenêtre est chargé:

<script type="text/javascript">
    window.onload = function() {
        toggle_setup(document.getElementById('ClientTv'), 'tvPrice', false)
        toggle_required(document.getElementById('ClientTv'), "ClientTvPrice")
    }
</script>

Ces sont un gâchis, je sais. Mais ils ont travaillé!

Remarque les champs qui apparaissent lorsque la case est cliqué sont enfermés dans un div avec un nom qui est utilisé dans la toggle_setup fonction pour afficher ou cacher la div en tant que de besoin. Dans ce cas, j'ai nommé la div 'tvPrice'

<?php echo $this->Form->input('Client.tv', array('label'=>'Purchasing TV? <small>(Check if Yes)</small>', 'onclick'=>'toggle_setup(this, "tvPrice", "TV pricing");toggle_required(this, "ClientTvPrice")'));
echo $this->Form->input('Client.tv_price', array('label'=>'Enter TV Price','div'=>array('class'=>'hidden', 'id'=>'tvPrice')));
 ?>

Et voici les fonctions JavaScript eux-mêmes:

function toggle_required(element, id) {
var object = document.getElementById(id)
if(element.checked) {
object.setAttribute( 'required', "required")
} else {
object.removeAttribute('required')
}    
}
function toggle_setup(element, div, human_term) {
if(element.checked) {
document.getElementById(div).style.display='block'
} else {
if(!human_term) {
clearChildren(document.getElementById(''+div))
document.getElementById(div).style.display='none'
} else {
if(confirm('Are you sure you want to clear the client\'s '+human_term+' settings?')) {
clearChildren(document.getElementById(div))
document.getElementById(div).style.display='none'
} else {
element.checked = true
}
}
}
}
function clearChildren(element) {
for (var i = 0; i < element.childNodes.length; i++) {
var e = element.childNodes[i];
if (e.tagName) switch (e.tagName.toLowerCase()) {
case 'input':
switch (e.type) {
case "radio":
case "checkbox": e.checked = false; break;
case "button":
case "submit":
case "image": break;
default: e.value = ''; break;
}
break;
case 'select': e.selectedIndex = 0; break;
case 'textarea': e.innerHTML = ''; e.value=""; break;
default: clearChildren(e);
}
}
}

Le code ci-dessus utilise une classe CSS appelé "caché" que j'ai défini comme ci-dessous:

.hidden {
display: none;
}

Par les suggestions ci-dessus, j'ai ajouté les 'required'=>false et 'allowEmpty'=>true lignes de ma validation de la matrice et il semble fonctionner.

Je vous remercie pour toute l'aide!

InformationsquelleAutor CSamp

Vous devez vous connecter pour publier un commentaire.