Javascript validation en utilisant jQuery

-4

Mon html a quelque chose comme ceci:Javascript validation en utilisant jQuery

<html> 
<table class="MyTable" id="idMyTable"> 
<tr> 
<td> 
<select class="mySelect"> 
<option>A</option> 
<option>B</option> 
</select> 
</td> 
<td> 
<input type="text" class="myInput"/> 
</td> 
<tr> 
<tr> 
<td> 
<select class="mySelect"> 
<option>A</option> 
<option>B</option> 
</select> 
</td> 
<td> 
<input type="text" class="myInput"/> 
</td> 
<tr> 
</table> 
<input type="button" value="Check" onclick="validate()"/> 
</html>

Dans la méthode validate Je veux vérifier si l'utilisateur a choisi l'option B, alors ce champ d'entrée correspondant ne doit pas être vide. Comment cela peut-il être fait en utilisant jQuery?

Appréciez toute aide.

Source

2013-03-19 soumyajit das

Qu'avez-vous essayé? –

Rien. J'apprends jQuery. :) –

Apprendre et essayer doit être tout au même rythme. Sans essayer quoi que ce soit d'apprentissage est le gaspillage d'une recherche google vous avait donné beaucoup d'idées – NetStarter

S'il vous plaît ajouter des options comme cette première à évaluer les valeurs correctement ..

<select class="mySelect"> 
<option value="A">A</option> 
<option value="B">B</option> 
</select>

And here is the logic goes under validation method

$(".mySelect").each(function(){ 
    if($(this).val() == "B") 
    { 
    if($.trim($(this).closest("myInput").val()) == '') 
    { 
     // Validation logic here 
    } 
    } 
});

Et si vous ne veut pas les options avec la valeur comme pro Voyez ci-dessus puis vérifiez le texte sélectionné de l'option en utilisant jQuery.

Source

2013-03-19 07:21:09

vous pouvez faire quelque chose comme ceci:

$(".mySelect").each(function(){ 
    if($(this)[0].selectedIndex > 0) 
    { 
     if($(this).closest(".myInput").val() == '') 
     { 
      alert("this input is not valid"); 
      return false 
     } 
    } 
});

Source

2013-03-19 07:18:39

Merci pour l'entrée. Cela a aidé avec une modification mineure. $ (". mySelect"). each (function() { if ($ (this) [0] .selectedIndex> 0) { \t if ($. trim ($ (this) .closest (".monInput") .val()). longueur <= 0) { alerte ("cette entrée n'est pas valide"); return false } } }); –

marquer comme réponse acceptée si vous le trouvez. –

Javascript validation en utilisant jQuery

Répondre

Questions connexes