J'ai un champ d'entrée dynamique qui est annexé après un bouton PLUS.
p>
P>
L'ID correspondant de ces champs est Réponse0, Réponse1, Réponse2 et ainsi de suite. Cela signifie qu'après le bouton Cliquez sur l'ID sera annexé de manière dynamique dans le champ de texte. Maintenant, je veux valider ces champs. Mon code de validation est comme suit P>
<input class="form-control" name="answer0[]" id="answer0" placeholder="OPTION 1">
<a class="add-option" onclick="AppendOption()"><img src="{{asset('admin/images/icn-add-option.png')}}" alt=""></a>
function AppendOption(){
var k=1;
$('#appendOption').append('<div class="form-group row"><div class="col-md-4"><input class="form-control" name="answer0[]" id="answer'+k+'" placeholder="OPTION" ></div></div>');
k++;
}
3 Réponses :
Si les champs sont obligatoires, vous devez les marquer si nécessaire sinon vous validez tous les champs. Dans votre cas, une autre façon de valider pourrait ressembler à ce car je ne sais pas comment et où le showvalidation () est appelé je ne peux pas l'améliorer plus loin.
Merci pour votre réponse :) . J'ai inclus ma réponse ici.
Dans votre i Enveloppé tout cela dans un Je n'aurais pas utilisé d'identité ici et je n'ai pas utilisé de classes, mais cela ne fait pas partie de la question, mais plutôt la cause de cela. p> p> Appendoption code> Fonction, vous définissez k = 1 code> Il s'agit d'une option invalide une fois que vous avez atteint la troisième entrée (option 2). Vous devriez plutôt détecter cela, mieux encore, rendez-vous toujours sensible au contexte lorsqu'il est exécuté. Je l'ai fait en ajoutant une classe Code> Réponse-item CODE> et de détecter le nombre de ce que nous avons et en utilisant ce numéro à la place. Code> Donc j'aurais un endroit pour accrocher le gestionnaire d'événements (DélégateTarget) HTTPS: // API.JQUERY.com/Event.DelegateTarget/ P>
<div id="options-container">
<input class="form-control answer-item" name="answer0[]" id="answer0" placeholder="OPTION 1">
<a class="add-option"><img src="{{asset('admin/images/icn-add-option.png')}}" alt=""></a>
</div>
Merci pour votre réponse :) . J'ai inclus ma réponse ici.
J'ai essayé d'afficher les messages d'erreur à l'intérieur d'une boucle de tableau d'entrée et j'ai eu la réponse.
var result = document.getElementsByTagName("input");
var optionss= 'Enter Answers.';
for (var j = 0; j < result.length; j++) {
if($("#answer"+j).val()==''){
$('#answer'+j+' + span').html('');
$('#answer'+j).after('<span class="' + errTextboxClass + '" style="color:#e03b3b">' + optionss+ '</span>');
$('#answer'+j).focus();
}
Cela va casser sur saisir Type = "bouton" et type d'entrée = "Soumettre" peut-être? J'utiliserais une classe pour mieux les isoler
Oui j'ai suivi votre réponse, ça a fonctionné :) a accepté la réponse
Pourquoi ne pas utiliser un sélecteur qui n'est pas un identifiant? Dans ce cas, vous pourriez facilement itérer chaque élément. Comment votre HTML du formulaire ressemble-t-il?
peux-tu expliquer. showvalidation (réponse) Où appelez-vous cette fonction ??