Bouton d'image à l'intérieur de la forme, vous ne voulez pas soumettre

Pourquoi pas seulement avoir une image? Retour False arrêterait également le formulaire Soumettre l'action.

<form><input type="image" src="/images/arrow.png" id="imageButton" onClick="autofill();return false;"/></form>

retourner simplement false après votre fonction Autofill ().

onclick="autofill();return false;"

Pourquoi utiliser un élément d'entrée du tout? J'aurais pensé que l'utilisation d'une image avec un événement OnClick serait plus appropriée si vous ne voulez pas causer de comportement de soumission ou de réinitialisation

<image src="/images/arrow.png" onclick="javascript:autofill();" width="xxx" height="xxx" alt="Autofill" />

Essayez d'utiliser Event.ProventDefault Strong> pour abandonner l'événement Soumettre sur le bouton Cliquez sur

Par exemple: P>

$("#idButton").click(function(event) {
    if(!valid)
    {
        //stopEvent
        event.preventDefault();

    } else {
        //submit your form
        $("#form").submit();
    }
}); 

Voulez-vous désactiver votre bouton après avoir cliqué sur le bouton d'envoi / image?

Si vous utilisez php Vous pouvez utiliser le code ci-dessous ou ajouter désactivé = "désactivé". Pour désactiver le bouton tant que vous le maintenez dans votre formulaire d'entrée. xxx

Comment ajouter mon code

Si vous utilisez Votre ligne de code avec un type d'image:

Essayez:

/>

S'il vous plaît, lisez Cette réponse de moi (Jagb) aussi si vous souhaitez utiliser une image sans JavaScript, le CSS peut être trouvé sur là aussi.