J'utilise ci-dessous Bootstrap en tant que sélecteur déroulant, qui puis avec une fonction JQuery associée affiche le champ choisi dans l'entrée code> entrée code> est-il possible de "désactiver" un champ de saisie avec type = "texte" code>. Mais les utilisateurs peuvent toujours écrire leur propre dans le champ de saisie, que je voudrais éviter. J'ai essayé d'utiliser l'attribut
désactivé code> sur le champ de saisie, mais si je le fais que le plug-in JQuery Valider va simplement l'ignorer et accorder la permission même s'il est vide.
type = "texte" code>, sans utiliser l'attribut
désactivé code> afin que je puisse toujours utiliser jQuery validate. p>
4 Réponses :
semble être comme si vous devez utiliser le readonly = "Readonly" code> attribut http://www.w3schools.com/tags/att_input_readonly.asp p>
Il n'y a pas de solution directe ... si le champ est "désactivé" via l'attribut Cependant, il y a une solution de contournement. Si vous utilisez l'attribut désactivé code>, le plug-in Jquery Validate ignorera toujours. (Logiquement, il ne sert à rien de valider quelque chose que l'utilisateur ne peut pas éditer.)
lisonly code> au lieu de
désactivé code>, il peut être validé. P>
Quelle que soit la qualité de cette question - il y a une solution de contournement qui est assez simple. Pourquoi ne pas utiliser de champ caché de plus à celui désactivé qui est ignoré par jquery.validate.js?
E.g. p>
<select style="display:none;"><option value="sample">Sample</option></select>
Votre meilleur pari serait de s'appuyer sur J'ai eu une situation similaire lorsque je devais valider la case à cocher Conditions, mais il a été conçu pour être désactivé jusqu'à ce que l'utilisateur fait défiler l'utilisateur par le biais du texte.
C'est ce que je propose à la fin: p> validator.showerrors () code> et validez manuellement cette entrée désactivée.
var message = "You must accept the Terms and Conditions in order to proceed with registration";
var termsValidator = $('#step-5 form').validate({
rules: {
acceptTnC: "required"
},
messages: {
acceptTnC: message
},
submitHandler : function (form) {
// Need to manually validate, cause checkbox is disabled by default and validation
// skips disabled fields
if(!form.acceptTnC.checked) {
termsValidator.showErrors({
acceptTnC: message
})
}
else {
submitForm();
}
}
});
$('[name="acceptTnC"]').on('change', function (e) {
termsValidator.element(e.target);
})
Alors, où est le javascript pertinent?