javascript page Charge se produit sur le bouton Cliquez sur

Mon problème est quand j'ai cliqué sur le bouton avec id = "cmdAddATM" page entière .aspx reload.even si je n'ai pas écrit toute fonction de clic associée à it.what est le problème? becausethis problème se présente de nouveaux problèmes dans mon projet lié à ajax/jqueryjavascript page Charge se produit sur le bouton Cliquez sur

Nom du fichier: AddEditATM.aspx.cs

namespace Monitoring_Tool 
{ 
    public partial class AddEditATM : System.Web.UI.Page 
    { 
     protected void Page_Load(object sender, EventArgs e) 
     { 
      Generix.fillDropDown(ref litRegion, Generix.getData("dbo.Region", "REGION, Code", "", "", "Code", 1)); 
     } 
    } 
}

fichier: AddEditATM.aspx

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     showAddEditATMLoad(); 
    }); 
</script> 
<body> 
// I an not writing full syntax here but i have one button with id "cmdAddATM" 
</body>

externe JS fichier:

function showAddEditATMLoad() { 
    //Its Blank 
}

Mon code HTML: -

<table style="margin: 0px auto; width: 90%" runat="server"> 
    <thead> 
     <tr> 
      <th colspan="4" align="center" class="ui-widget-header PageHeader"> 
       ADD/EDIT ATM 
      </th> 
     </tr> 
    </thead> 
    <tbody style="vertical-align: bottom; border-style: solid; border-width: thick;"> 
     <tr> 
      <td style="padding-left: 5px" colspan="2"> 
       Enter ATM ID &nbsp;<input id="txtEditATM" name="txtEditATM" type="text" /> 
       &nbsp;&nbsp; 
       <button id="cmdEditATM"> 
        EDIT ATM</button> 
      </td> 
      <td align="left" style="font-weight: bold" colspan="1"> 
       OR 
      </td> 
      <td align="center" colspan="2"> 
       <button id="cmdAddATM"> 
        ADD ATM</button> 
      </td> 
     </tr> 
    </tbody> 
</table>

Source

2012-08-29 Shaggy

Vérifiez le code HTML – Shaggy

Ajouter attribut type <button> balise.

<button id="cmdEditATM" type='button'>EDIT ATM</button>

Threads SO

Source

2012-08-29 08:04:34 adatapost

Si votre bouton est un <asp:Button runat="server" /> qui peut être utilisé comme <input type="submit" /> sur votre navigateur. Donc, il sera postback votre page.

Modifié: ajouter type="button" attribut avec <button> tag, attribut type pour <button> balise a trois valeurs, et la valeur par défaut qui balise devient dans votre cas est de soumettre, c'est la raison pour laquelle il est soumis votre formulaire.

1. Submit - For Submitting a Form 
2. Reset - For Resetting the Form 
3. button - A Simple Button

Source

2012-08-29 07:57:37

Mon bouton est simple ... Mais la table est runat serveur – Shaggy

en asp.net tout si vous ajoutez un bouton de asp son convertira automatiquement le bouton asp pour soumettre le bouton afin de remplacer le bouton asp avec le bouton HTML

<input type="button" id='cmdAddATM' value="Button" />

Source

2012-08-29 08:01:51

Son bouton pas asp son bouton HTML seulement. – Shaggy

Si vous utilisez un objet asp:Button, vous pouvez utiliser la propriété OnClientClick ou tout simplement jQuery pour exécuter certains côté client code. Vous pouvez renvoyer false du gestionnaire d'événements click javascript (ou utiliser la méthode event.preventDefault() de jQuery) pour arrêter la publication.

Si vous ne voulez jamais qu'une publication se produise pour ce bouton, utilisez simplement un bouton HTML normal (<input type="button" ... />). Si vous avez besoin d'accéder à ce bouton côté serveur, ajoutez simplement l'attribut runat="server" normal.

Notez qu'un bouton HTML <input type="submit"/> entraînera une publication, car il enverra le formulaire sur la page.

Source

2012-08-29 08:04:46

ajoutez l'attribut type="button" à votre bouton. Différents navigateurs peuvent utiliser différents types par défaut pour l'élément button.

Source

2012-08-29 08:04:50

javascript page Charge se produit sur le bouton Cliquez sur

Répondre

Questions connexes