从html5按钮onclick事件调用服务器端方法

Question

我制作了一个测试应用程序，其中的控件是html5控件。我有两个文本框和一个html5按钮。我想在html5按钮上触发onclick事件，通过onclick调用的方法在服务器端。

我试过了，但没用。有人能帮我从一个html5按钮调用服务器端方法吗。我正在发布我的代码。

//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

我认为您在服务器端给了btnSave_Click，在客户端给了btnSave_Click