Asp.net mvc 4 如何在MVC中为不同目的使用按钮
我的视图中有三个按钮。现在我需要两个按钮返回,第三个按钮执行一些jquery。如何做到这一点。例如,如何使第三个按钮不返回并执行一些jquery操作。 谢谢你可以这样做Asp.net mvc 4 如何在MVC中为不同目的使用按钮,asp.net-mvc-4,Asp.net Mvc 4,我的视图中有三个按钮。现在我需要两个按钮返回,第三个按钮执行一些jquery。如何做到这一点。例如,如何使第三个按钮不返回并执行一些jquery操作。 谢谢你可以这样做 <form id="myForm"> <%-- form data inputs here ---%> <button id="Postback">Postback</button> <button id="JavaScript">JavaScr
<form id="myForm">
<%-- form data inputs here ---%>
<button id="Postback">Postback</button>
<button id="JavaScript">JavaScript</button>
</form>
回发
JavaScript
和javascript
<script type="text/javascript">
$("#Postback").click(function() {
var form = $("form#myForm");
form.attr("action", "@Url.Action("action","MyController")");
form.submit();
});
$("#JavaScript").click(function() {
Do your javascript something.
});
</script>
$(“#回发”)。单击(函数(){
var form=$(“form#myForm”);
form.attr(“action”,@Url.action(“action”,“MyController”);
表单提交();
});
$(“#JavaScript”)。单击(函数(){
做你的javascript什么的。
});
您可以这样做
<form id="myForm">
<%-- form data inputs here ---%>
<button id="Postback">Postback</button>
<button id="JavaScript">JavaScript</button>
</form>
回发
JavaScript
和javascript
<script type="text/javascript">
$("#Postback").click(function() {
var form = $("form#myForm");
form.attr("action", "@Url.Action("action","MyController")");
form.submit();
});
$("#JavaScript").click(function() {
Do your javascript something.
});
</script>
$(“#回发”)。单击(函数(){
var form=$(“form#myForm”);
form.attr(“action”,@Url.action(“action”,“MyController”);
表单提交();
});
$(“#JavaScript”)。单击(函数(){
做你的javascript什么的。
});
在HTML中,标记按钮具有attibute类型
:
要回发数据(提交表单),必须将类型
设置为提交
(这是默认值,因此您可以完全删除类型
属性)
要执行某些javascript操作,必须将类型设置为按钮
在两个不同的提交按钮中,使用相同的名称
和不同的值
:
@using (Html.BeginForm("Login", "Home")
{
<label for="login">Login:</label>
@Html.TextBox("login", Model.Login)
<label for="password">Password:</label>
@Html.Password("password", "")
<button type="submit" name="what" value="login">Log in</button>
<button type="submit" name="what" value="register">Register</button>
<button type="button" id="facebook">Facebook authentication</button>
}
<script>
$(function() {
// Perform jquery action.
$('#facebook').click(...);
});
</script>
在HTML中,标记按钮
具有attibute类型
:
要回发数据(提交表单),必须将类型
设置为提交
(这是默认值,因此您可以完全删除类型
属性)
要执行某些javascript操作,必须将类型设置为按钮
在两个不同的提交按钮中,使用相同的名称
和不同的值
:
@using (Html.BeginForm("Login", "Home")
{
<label for="login">Login:</label>
@Html.TextBox("login", Model.Login)
<label for="password">Password:</label>
@Html.Password("password", "")
<button type="submit" name="what" value="login">Log in</button>
<button type="submit" name="what" value="register">Register</button>
<button type="button" id="facebook">Facebook authentication</button>
}
<script>
$(function() {
// Perform jquery action.
$('#facebook').click(...);
});
</script>
请添加你的cshtml页面代码,因为我想知道你使用哪种方法进行回发。请添加你的cshtml页面代码,因为我想知道你使用哪种方法进行回发。太好了,我知道了。我对两者都是新手,即;编程新手和stackoverflow新手。谢谢。谢谢你,我知道了。我对两者都是新手,即;编程新手和stackoverflow新手。谢谢。Regards@Mohammed请勾选对您有帮助的答案作为答案。这两个答案对我都很有用,因为我是stackoverflow新手,我没有足够的特权这么做。对不起。不过,谢谢你精彩的回答。@Mohammed,你能做到的。要将答案标记为已接受,请单击答案旁边的复选标记,将其从灰显切换为已填写。请检查此链接@Mohammed Please勾选答案,该答案对您有帮助。两者对我都很有用,因为我是stackoverflow新手,我没有足够的权限这样做。对不起。不过,谢谢你精彩的回答。@Mohammed,你能做到的。要将答案标记为已接受,请单击答案旁边的复选标记,将其从灰显切换为已填写。请检查此链接