вызов метода сервера из события onclick кнопки html5

Question

Я сделал тестовое приложение, в котором элементы управления являются html5 control. У меня есть 2 текстовых поля и кнопка html5. Я хочу запустить событие onclick для кнопки html5, а метод, который должен вызываться через событие 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

Я думаю, что вы дали btnSave_Click на стороне сервера и btnSave_click на стороне клиента

Answer 4

Вы можете использовать ниже код.

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