html5ボタンからonclickイベントを呼び出すserversideメソッド

Question

コントロールがhtml5コントロールであるテストアプリケーションを作成しました.2つのテキストボックスとhtml5のボタンがあります。私はhtml5ボタンでonclickイベントを発生させたいし、onclickイベントを通して呼び出されるメソッドはサーバー側にあります。

私はしようとしていますが、誰かがhtml5ボタンからserversideメソッドを呼び出す手助けをすることはできません。コードを投稿しています。

//clientside code 
<form id="form1" runat="server"> 
    <div> 
     First name:<input type="search" name="searchfield" placeholder="enter your name" 
      autofocus="on" required="required" pattern="[A-z]" /> 
     E-mail: 
     <input type="email" name="emailfield" placeholder="enter emailid" /> 

     <button onclick="btnSave_click" value="Click to Save" id="btnSave" runat="server" autofocus="autofocus" formtarget="_parent"> 
      Click to Save</button> 
    </div> 
</form> 

// server side code 
protected void btnSave_Click(object sender, EventArgs e) 
{ 
    string name = Request.Form["searchfield"]; 
    string emailid = Request.Form["emailfield"]; 
    string dob = Request.Form["bday"]; 

    SqlConnection cn = new SqlConnection(); 
    cn.ConnectionString = "Data Source=CP1106\\SQLEXPRESS;Initial Catalog=Testdb;User ID=sa;Password=pwd"; 

    cn.Open(); 

    string query = "INSERT INTO TestTable(name, email) VALUES(@name, @email)"; 

    SqlCommand cmd = new SqlCommand(query,cn); 
    cmd.Parameters.Add("@name", name); 
    cmd.Parameters.Add("@email", emailid); 
    // cmd.Parameters.Add("@bday", dob); 

    cmd.ExecuteNonQuery(); 

    cn.Close(); 
    BindGrid(); 
} 

Answer 1

使用してください：onserverclick="btnSave_click"

Answer 2

利用onserverclick="btnSave_click"の代わりonclick="btnSave_click"を。

Answer 3

以下のコードを使用できます。

<button onserverclick="btnSave_click" value="Click to Save" id="btnSave" 
    runat="server" autofocus="autofocus" formtarget="_parent">Click to Save 
</button> 

Answer 4

私はそれが問題を解決した場合の答えをマークしてくださいあなたは、クライアント側