如何将提交按钮的操作从服务器端

时间:2016-04-16 06:33:55

标签: javascript c# jquery asp.net

我有一个包含提交按钮的aspx页面,当点击它时,它被设置为表单标签中的一个动作,因此重定向到该页面

<form method="post" action="say google.com">
  <label class="desc" style="color: #333333;">Name:</label>
  <input name="name" />
  <input type="submit" value="Submit" />
</form>

现在我想要的是我甚至想在提交按钮单击时在服务器端触发事件并保留输入标记的名称值。

有人可以帮助我吗?

修改

我在aspx页面上工作,表单标签在提交按钮上点击了一个动作。这个工作正常,但现在我想在提交按钮的页面服务器端激活一个事件点击。

3 个答案:

答案 0 :(得分:0)

试试这个会起作用:

Html:

<form method="post" action="#123">
  <label class="desc" style="color: #333333;">Name:</label>
  <input name="name" id="name"/>
  <input type="submit" value="Submit" id="submit"/>
</form>

脚本:

$("#submit").click(function(){
    var name = $("#name").val();
    $.ajax({
     url: "data.php", // server-side page
     data: "name =" +name, // input field value
     success: function(result){
        console.log(result);
        location.href = "https://google.com"
    }});
});

事件捕获工作正常:

enter image description here

您可以在成功函数中成功将Ajax请求重定向到google.com。感谢

答案 1 :(得分:0)

$(文件)。就绪(函数(){$(&#39;#submitForAction&#39;。)点击(函数(){$(&#34;#submitForAction&#34)提交();}); }); 名称:

答案 2 :(得分:0)

如果您使用.aspx页面,则表单在浏览器中显示如下:

<form method="post" action="myPage.aspx">
  <label class="desc" style="color: #333333;">Name:</label>
  <input name="name" />
  <input type="submit" value="Submit" />
</form>

在Visual Studio中

<form id="form1" runat="server">
  <asp:Label runat="server" ID="lblName">Name:</asp:Label>
  <asp:TextBox runat="server" ID="txtName" />
  <asp:Button runat="server" ID="btnSubmit" Text="Submit" onClick="btnSubmit_Click" />
</form>

添加

<script>
   function redirPost(){
     document.forms[0].action="say googgle.com";
     document.forms[0].submit();
}
</script>

请注意,表单标记中没有方法和操作属性(默认值为POST和页面URL),asp:按钮中没有类型(默认为提交)

在后面的代码中(假设为C#)

protected void btnSubmit_Click(object sender,EventArgs e)
{
//do whatever you want with txtName.Text
ScriptManager.RegisterStartupScript(this, this.GetType(), "redir", "redirPost();", true);
}