2014-12-24 1 views
2

내보기에는 세 개의 버튼이 있습니다. 이제 두 개의 단추를 다시 게시하고 세 번째 단추는 일부 jquery를 수행합니다. 어떻게하는지. 세 번째 버튼을 다시 게시하지 않고 일부 jquery 액션을 수행하는 방법 감사다른 용도로 MVC에서 버튼을 사용하는 방법

+1

이 cshtml 페이지의 당신이 코드를 추가하세요 : 컨트롤러에서

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

: 두 개의 서로 다른 제출 buttoms에서

동일 name 다른 values를 사용 다시 게시. – sagar43

답변

1

: 데이터를 다시 게시하려면

이 (양식을 제출을) typesubmit으로 설정해야합니다 (기본값입니다. type 속성).

일부 자바 스크립트 작업을 수행하려면 typebutton으로 설정해야합니다. 내가 사용하는 방법을보고 싶어하기 때문에,

public ActionResult Login(string login, string password, string what) 
{ 
    if (what == "login") 
     . . . 
    else if (what == "register") 
     return RedirectToAction("Register", "Home"); 
} 
+0

당신이 그렇게 잘 알고있어. 나는 둘 다에 처음이다; 새로운 프로그래밍 및 stackoverflow에 새로운. 고마워. 문안 인사 – User

3
당신은

<form id="myForm"> 
    <%-- form data inputs here ---%> 
    <button id="Postback">Postback</button> 
    <button id="JavaScript">JavaScript</button> 
</form> 

추천하고 자바 스크립트에서이 작업을 수행 할 수 있습니다

태그 button이 attibute type가 HTML에서
<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> 
+0

답장을 보내 주셔서 감사합니다 ... – User

+0

@ 모함메드 답변으로 전체 답변을 선택하십시오. – sagar43

+0

두 가지 모두 유용합니다. stackoverflow를 처음 사용하기에 충분한 권한이 없습니다. 그 죄송합니다. 그러나 당신의 멋진 대답을 많이 thx. – User

관련 문제