Désactiver le bouton après avoir cliqué sur le bouton une fois

Dans mon application j'ai besoin de désactiver le bouton une fois qu'on a cliqué dessus, de sorte que l'utilisateur ne doit pas cliquer plus d'une fois. APplication MVC ASP.NET je l'ai fait en normal asp.net application.
J'ai essayé en dessous de lignes de code mais sa ne marche pas

merci d'Avance

édité
Comment puis-je mettre en œuvre ce à l'aide de javascript ?

Vous semblez avoir une mauvaise compréhension de asp.net mvc. Découvrez quelques-unes des vidéos sur asp.net/(S(pdfrohu0ajmwt445fanvj2r3))/apprendre/mvc.

OriginalL'auteur batwadi | 2010-02-19

asp.net-mvc javascript

7

J'ai constaté qu'avec IE8 (je ne suis pas sûr que sur les autres versions d'IE) que vous ne pouvez pas soumettre un formulaire si vous désactivez le bouton sur l'événement click. Donc, je suis venu avec une solution alternative. Masquer les cliqué bouton et de mettre un nouveau bouton désactivé à sa place. Voici le code:
```
$().ready(function() {
  $("someButtonSelector").click(function () {
    $(this).hide();
    $(this).after('<input type="button" disabled="disabled" value="' + $(this).val() + '" />');
    return true;
  });
});
```
Merci, ça a fonctionné pour moi comme une solution de contournement !

OriginalL'auteur Phil Hale
3

Vous pouvez essayer ceci:
```
onclick="if (this.getAttribute('clicked') == '1') { return false; } else { this.setAttribute('clicked', '1'); }"
```
Il ne sera pas désactiver quoi que ce soit, tout simplement empêcher l'événement de clic après avoir cliqué la première fois.

+1 pour une très grande-et sous-estimée -- solution. OMI, vous n'avez pas besoin de voir le bouton est désactivé style. Permettre à l'utilisateur de cliquer rapidement autant de fois qu'ils le souhaitent. Tous les dev se soucie est d'éviter les messages en double.

OriginalL'auteur Shadow Wizard
2
```
<button type="button" onclick="this.disabled = 'disabled';">Click Me!</button>
```
Bien que le Bouton de contrôle du web rend un soumettre:
```
<input type="submit" onclick="this.disabled = 'disabled';" value="Submit" />
```
désolé, mais il l'habitude de travailler dans l'application MVC. vous pouvez le faire dans ASP.NET application, mais pas en MVC
Ces deux méthodes de travail, indépendamment de ASP.NET ou ASP.NET MVC. Vous pouvez poster ce que vous avez essayé cela ne fonctionne pas?
N'Avez-vous essayer en MVC ASP.NET il ne fonctionne pas, veuillez vérifier

OriginalL'auteur Yuriy Faktorovich
0

@prakash avez-vous utilisé jQuery pour désactiver ou même masquer le bouton?

Si votre bouton de l'id est de le dire "btnClickMe", puis le suivant jQuery va faire le travail.
```
$("#btnClickMe").hide();
```
Vous pouvez également définir la disbaled attribut à l'aide de jQuery;
```
$("#btnClickMe").attr("disabled","disabled");
```
Celle ci-dessus est non testé mais devrait fonctionner.

Nup sa ne fonctionne pas .. sa désactivation du bouton, mais la forme n'est pas la soumission

OriginalL'auteur griegs
0

j'ai trouvé que si vous désactivez ou même de supprimer le bouton ou l'élément d'entrée, il cessera de l'appel vers le serveur le plus simple façon de gérer cela est un hide() parce que vous ne supprimez pas la fonctionnalité de la touche d'entrée/whatever
```
    $('input_selector').click(function () {
      $(this).hide(200/whatever);
      $(this).before('<p>Waiting for server to respond?!?</p><br/>')
    });
```
car il est de masquer le br est de s'assurer que la balise p est au-dessus de lui.
il peut y avoir une meilleure façon, et je suis ouvert aux suggestions.

OriginalL'auteur kristopher gourd

Cela fonctionne très bien, et il est facile à comprendre:

var myButton = $('input:submit');
var waitMessage = 'wait please...';
myButton.click(function() {
    if (bottone.val() == waitMessage) {
        return false;
    };
    myButton.val(waitMessage);
    console.log('iClicked'); //this line is for testing only, it can be removed.
});

OriginalL'auteur Alan Piralla

Voici un de mes boutons qui appelle un MVC action, puis se désactive:

<button  class="btn blue pull-right" onclick="location.href='@Url.Action("Index", "GetData", new { page = Model.PageNumber + 1, sortOrder = Model.CurrentSort, fromDate = Model.FromDateParam, toDate = Model.ToDateParam, terminatingpoint = Model.TerminationPointParam, SurecallNo = Model.SurecallNoParm, CallerID = Model.CallerIDParm, outcome = Model.OutcomeParm, pagesize = Model.PageSize })';this.disabled = 'disabled'" >Next ></button>

OriginalL'auteur SteveCav

var but = 1;
function f() {
    if(but == 1) {
        alert("Hello World!");
        but = 0;
    }
}

Espère que cela aide.

OriginalL'auteur user1548400

Cela fonctionne:

OnClientClick="if (this.getAttribute('clicked') == '1') {
    return false; 
} else { 
    this.setAttribute('clicked', '1'); 
}"

OriginalL'auteur Paul

Vous devez vous connecter pour publier un commentaire.