Attention à vérifier le type des boutons dans une forme Joomla (ou Html)

Exemple

JE veux associer une action particulière à une bouton d'un formulaire.

J'ai défini pour cela une fonction appelée lors du clic

<button onclick="showFacebookPost(jQuery);">
    <!--?php echo Text::_('JOFBK_VIEW_POST'); ?-->
</button>

 

Le souci c'est que la méthode par défaut de soumission ("submit") du formulaire est appelée

Methode pour corriger

  1. empêcher l'evenement lié au click d'appeler le comportement par défaut
    <button onclick="showFacebookPost(jQuery, event);">
        <!--?php echo Text::_('JOFBK_VIEW_POST'); ?-->
    </button>

    function showFacebookPost($, event) {
      // empecher le comportement par défaut
      event.preventDefault();
      console.log('Événement reçu :', event);
      // traitement proprement dit
      // ...
    }
  2.  associer au bouton un type "button"
  3. <button type="button" onclick="showFacebookPost(jQuery);">
        <!--?php echo Text::_('JOFBK_VIEW_POST'); ?-->
    </button>