Question

J'utilise jQuery onglets .

Certains onglets nécessitent l'entrée d'utilisateur.

Dès que l'utilisateur passe à une autre patte de ces valeurs d'entrée sont validés.

Maintenant, voici ma question:

Comment puis-je empêcher montrer tout autre onglet tant que ces valeurs d'entrée sont erronées?

$("#tab").bind('tabsselect', function(){

   if ( ... )
   {
       alert ( 'Please fill all required fields before proceeding' );

      /*         
            What code do I have to place here to prevent displaying this tab?
      */

    }   

})

Merci pour votre temps

Était-ce utile?

La solution

Tout ce que vous devez faire est de retour faux de la fonction et il empêchera sélectionner l'onglet. Voir l'exemple de href="http://docs.jquery.com/UI/Tabs#...prevent_switching_to_the_tab_on_click_depending_on_form_validation" sur la façon d'éviter la sélection de l'onglet en cas d'échec de la validation du formulaire au le site jQuery.

Autres conseils

Vous pouvez désactiver vos onglets avec les options onglets de l'interface utilisateur. Ensuite, ils sont grisés et non cliquable.

$('.selector').tabs('option', 'disabled', [1, 2]);

Alors vous désactivez simplement tous les onglets non celle sélectionnée. Cela signifierait cependant, que vous devrez valider le formulaire avant que l'utilisateur clique sur l'onglet.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top