Comment désactiver le comportement de soumission de asp: ImageButton?

J'ai un bouton image dans une page qui peut être déclenché sur le clic de souris, par défaut elle est déclenchée sur enter appuyez sur aussi qui je veux désactiver.

Je sais à propos de "UseSubmitBehaviour" attribut en asp:Button, est-il un moyen de faire la même chose en asp:ImageButton?

source d'informationauteur Manish Basantani

asp.net imagebutton

Je suppose que vous avez une sorte de contrôles d'entrée et vous ne voulez pas entrer touche à l'auto soumettre lorsqu'un utilisateur accident appuie sur la touche entrée. Si oui, vous pouvez joindre un javascript onkeypress événement à chaque commande que vous souhaitez désactiver ce comportement.

function disableEnterKey(e)
{
     var key;
     if (window.event) key = window.event.keyCode; //Internet Explorer
     else key = e.which;

     return (key != 13);
}

//In your aspx file Page_Load do the following foreach control you want to disable
//the enter key for:
txtYourTextBox.Attributes.Add("OnKeyPress", "return disableEnterKey(event);");

Si vous avez besoin de désactiver la touche Entrée de la soumission de formulaire complètement. cas d'utilisation de la OnKeyDown gestionnaire sur <body> tag sur votre page.

Le code javascript:

if (window.event.keyCode == 13) 
{
    event.returnValue = false; 
    event.cancel = true;
}

Avec JQuery ce serait beaucoup plus propre, plus facile et la méthode recommandée. Vous pourriez faire une extension avec:

jQuery.fn.DisableEnterKey =
    function()
    {
        return this.each(function()
        {
            $(this).keydown(function(e)
            {
                var key = e.charCode || e.keyCode || 0;
                //return false for the enter key
                return (key != 13);
            })
        })
    };

//You can then wire it up by just adding this code for each control:
<script type="text/javascript" language="javascript">
    $('#txtYourTextBox').DisableEnterKey();
</script>

7

Si vous mettez votre contenu dans un asp:Panel vous pouvez utiliser le DefaultButton de Propriété pour définir un autre bouton par défaut pour votre bouton image ne sera pas cliqué.
```
<asp:Panel runat="server" ID="pnl_Test" DefaultButton="btn_Test2">
    <asp:ImageButton runat="server" ID="btn_Test1" />
    <asp:Button runat="server" ID="btn_Test2" />
</asp:Panel>
```
Dans cet exemple, le btn_Test2 sera activé lorsque vous appuyez sur entrée, où normalement btn_Test1 serait cliqué
2

Le formulaire d'exécuter le premier bouton, il trouve sur la page lorsque vous appuyez sur entrée. Si vous pouvez déplacer le ImageButton en bas de la page de sorte qu'il n'est plus le premier bouton dans le balisage, et utiliser les CSS pour positionner correctement, cela devrait résoudre votre problème. Je fixe exactement la même chose la semaine dernière et cela a fonctionné pour moi. Je suis allé avec cette solution car elle ne nécessite JavaScript afin de fonctionner correctement.
2

Utilisation Kelsey Réponse (Cette réponse est wiki ed)

...mais s'il vous plaît noter quelques petites choses quand vous le mettre en œuvre.
1. Je vous recommande la bonne vieille méthode javascript si vous n'êtes pas déjà en utilisant jQuery. si vous n'avez que de la méthode, il suffit de retourner (keynum != 13) ne pas faire quelque chose de stupide comme si(vrai) return true; else return false;
2. Vous n'avez pas à affecter onkeydown du code derrière. Qui peut être fait dans le balisage et c'est beaucoup plus propre quand vous le faites.
3. Ne pas désactiver la touche entrée de votre forme. Vous pouvez le faire dans votre uniquement les entrées, mais si vous le faites dans l'ensemble du formulaire, vous ne serez pas en mesure d'ajouter un retour chariot dans un textarea.
4. Si vous utilisez jQuery, je vous recommande l'ajout d'une classe CSS appelé "disableEnterKey" et en l'assignant à vos éléments de formulaire que vous souhaitez désactiver, puis l'appel de Kelsey méthode jQuery $(".disableEnterKey") dans le document de prêt.
5. Ne réponds pas, trop semblable à quelqu'un, même si vous n'êtes pas entièrement d'accord avec la réponse. Et même si la réponse était simple et des milliers de personnes ont probablement fait la samething. C'est la "copie". Qui est similaire à un "cutter" ou un "tattle tale"... ce qui est mauvais.
(cette réponse a été wiki de la communauté ed que cette question thread a obtenu stupide)
1

Utiliser une page asp:image à la place. Ensuite, placez un peu de code javascript dans le onclick "javascript:document.getElementById('imageClicked').setAttribute('value', 'true'); document.myform.submit();"

D'un champ caché de la valeur (à l'aide de javascript) pour dire au serveur de code côté que l'image a été cliqué.
```
document.getElementById('imageClicked').setAttribute('value', 'true');
```
Puis, à la fin de la manipulation de la publication sur le serveur réinitialiser le hiddenField:
```
document.getElementById('imageClicked').setAttribute('value', 'true');
```

vous voulez quelque chose comme

<form ...>

  <!-- some code here -->

  <button style='display:none' onclick='return false'>here comes the magic</button>

  <button>normal button </button>

</form>

1

Voir le lien suivant.Ce problème peut être résolu pour tous les défaut du bouton soumettre problème.
http://weblog.kevinattard.com/2011/08/aspnet-disable-submit-form-on-enter-key.html

Veuillez Utilisez Ce Code

<script type="text/javascript" language="javascript">
$(document).ready(function {
    $("#<%=imageClicked.ClientID%>").prop('disabled',true)
});
</script>

Vous devez vous connecter pour publier un commentaire.