2016-11-22 4 views
0

J'ai rencontré un problème dans l'événement onserverclick. J'ai créé un bouton côté serveur HTML "btnSubmit" dans tab_1:Le bouton HTML onserverclick ne fonctionne pas dans asp.net

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="Skripsi.Home" %> 

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Home</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
</head> 
<body> 

    <div class="container-fluid bg-1 text-center"> 
     <img src="/Image/fti-untar.png" alt="untar" /> 
     <h2>Layanan</h2> 
     <br /> 
    </div> 

    <div class="container"> 
     <ul class="nav nav-pills nav-stacked col-md-2"> 
      <li class="active"><a href="#tab_1" data-toggle="pill">Home</a></li> 
      <li><a href="#tab_2" data-toggle="pill">Biodata</a></li> 
      <li><a href="#tab_3" data-toggle="pill">Konsultasi</a></li> 
      <li><a href="#tab_4" data-toggle="pill">Hasil Studi</a></li> 
     </ul> 
     <div class="tab-content col-md-10"> 
      <div class="tab-pane active" id="tab_1" runat="server"> 
       <div id="panel1" class="panel panel-default"> 
        <div class="panel-heading"> 
         <h3 class="panel-title">Biodata</h3> 
        </div> 
        <div class="panel-body"> 
         <label for="id">ID</label> 
         <input type="text" id="txtid" class="form-control" runat="server"/> 
         <br /> 
         <label for="nama">Nama</label> 
         <input type="text" id="txtnama" class="form-control" /> 
         <br /> 
         <label for="email">Email</label> 
         <input type="text" id="txtemail" class="form-control" /> 
         <br /> 
         <label for="alamat">Alamat</label> 
         <input type="text" id="txtalamat" class="form-control" /> 
         <input type="button" id="btnsubmit" runat="server" class="btn btn-default" onserverclick="btnsubmit_ServerClick">Submit</input> 
        </div> 
       </div> 
      </div> 

      <div class="tab-pane" id="tab_2"> 
           <div class="col-xs-3"> 
        <input type="text" id="txtname" name="Name" value="" class="form-control"/> 
       </div> 
       <h4>Pane B</h4> 
      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada famesac turpis egestas.</p> 
      </div> 
      <div class="tab-pane" id="tab_3"> 
       <h4>Pane C</h4> 
       <p>Pellentesque habitant morbi tristique senectus et netus et malesuada famesac turpis egestas.</p> 
      </div> 
      <div class="tab-pane" id="tab_4"> 
       <h4>Pane D</h4> 
       <p>Pellentesque habitant morbi tristique senectus et netus et malesuada famesac turpis egestas.</p> 
      </div> 

     </div><!-- tab content --> 
    </div><!-- end of container --> 
</body> 
</html> 

Et le code est derrière:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 

namespace Skripsi 
{ 
    public partial class Home : System.Web.UI.Page 
    { 
     protected void Page_Load(object sender, EventArgs e) 
     { 

     } 

     protected void btnsubmit_ServerClick(object sender, EventArgs e) 
     { 
      Response.Write("Success Horray"); 
     } 

    } 
} 

Lorsque vous appuyez sur le bouton, je reçois l'erreur suivante:

asp runtime error(the base class includes the field 'btnsubmit', but it's type is not compatible with the type of control)

Mise à jour: Après le nettoyage de la solution et sa reconstruction, j'ai eu l'erreur suivante:

'content is not allowed between the opening and closing tags for element input'.

+0

changement onserverclick à Surclic –

+0

ne fonctionne toujours pas. Et OnClick travaille juste pour asp: Button –

+0

Pourquoi n'utilisez-vous pas 'asp: Button'? – VDWWD

Répondre

1

it's asp runtime error(the base class includes the field 'btnsubmit', but it's type is not compatible with the type of control)

De la fenêtre Solution Explorer, faites un clic droit sur votre solution et choisissez solution propre et puis reconstruire solution

et mettre en forme l'élément à être comme ça

<input type="button" id="btnsubmit" runat="server" class="btn btn-default" onserverclick="btnsubmit_ServerClick" value="Submit" /> 
+0

Désolé, que veux-tu dire? –

+0

Dans le menu de l'explorateur de solution, de toute façon j'ai édité ma réponse pour tous les détails – iceDragon

+0

Je reçois toujours l'erreur «le contenu n'est pas autorisé entre les balises d'ouverture et de fermeture pour l'entrée d'élément». –

0

Pouvez-vous essayer "input type = 'button'" à la place "bouton"?

<button id="btnsubmit" runat="server" class="btn btn-default" onserverclick="btnsubmit_ServerClick">Submit</button> 
+0

ne fonctionne pas. c'est l'erreur d'exécution d'asp (la classe de base inclut le champ 'btnsubmit', mais son type n'est pas compatible avec le type de contrôle). –