jQuery Girl
  1. jQuery Girl
  3. Comment activer le deuxième onglet après la validation du premier onglet
Intereting Posts
onClick avec foreach css change jquery Comment désactiver le retour arrière si autre chose que le champ de saisie est centré sur l’utilisation de jquery Comment faire de jQuery Mobile arrêter de casser le site Ember.js? jQuery .css ne fonctionne pas uniquement dans Chrome Angular / Boostrap – La barre de navigation ne s’affiche pas correctement jQuery valider avec un nombre de champs dynamic Utilisation de la fermeture en fondu Jquery pour la transition de page Exécuter du code quand une fonction est complète Faire défiler un menu déroulant Comment sélectionnez-vous tous les tags d’identification qui contiennent une certaine chaîne en javascript? Evénement d’incendie sur le problème de diapositives du carrousel Bootstrap Positionnez un qui rest en bas Pourquoi mon regroupement dans jqgrid se comporte-t-il différemment? Comment afficher div à l’intérieur du tag d’entrée? fonction jquery onclick non définie

Comment activer le deuxième onglet après la validation du premier onglet

J’ai l’onglet avec les champs suivants 

  
 Name 
 Age 
  
 
 
 
 
 
Tab3
 
 
 
Tab4
 
 
 tabs-2 tabs-3 tabs-4

Ici, l’onglet-1 a deux champs. Le deuxième onglet doit être activé uniquement après l’achèvement de la validation du premier onglet. Nous pouvons sélectionner afficher / masquer à l’aide de la case à cocher mais ne sera pas activé.Comment puis-je faire cela? Vous pouvez voir le code DEMO

Dans cet exemple, l’ input submit a la classe submit . J’ai aussi changé les ids tabs (voir violon)

FIDDLE http://jsfiddle.net/Spokey/2aQ2g/54/ 

 $('.submit').click(function (e) { e.preventDefault(); //prevent from submission and do script instead //validation .... //if validation is okay, do below var nexttab = parseInt($(this).parent().next().attr('id').match(/\d+/g), 10); $('#tabs').tabs("enable", nexttab).tabs("select", nexttab); $('input[name="tabs-'+nexttab+'"]').removeAttr('disabled').prop('checked', true); });