ASP.NET에서 양식을 제출하기 전에 대화 상자를 확인하십시오.

Question

클릭하면 확인 대화 상자가 표시되는 버튼이 있습니다. 이 http://myclabs.github.io/jquery.confirm/ 플러그인을 사용합니다. 버튼을 클릭하면 팝업이 나타납니다. 하지만 예를 클릭해도 아무 일도 일어나지 않습니다.

  $(document).ready(function() { 

      $('#btnDelete').confirm({ 
       title: "Delete confirmation", 
       text: "Are you sure?", 
       confirm: function (button) { 
        //$(button).submit(); 
        return true; 
       }, 
       cancel: function (button) { 
        return false; 
       }, 
       confirmButton: "Yes I am", 
       cancelButton: "No", 
       post: true 
      }); 

     }); 

내 ASP.NET 코드는 다음과 같습니다.

<asp:Button ID="btnDelete" CssClass="btn btn-default" runat="server" /> 

참고 : 이미 btnDelete의 Click 이벤트를 처리하는 코드 숨김 기능이 있습니다.

Answer 1

나는 부트 스트랩 조동사와 다른 방식으로 문제를 해결했습니다. 더 많은 예제는 http://getbootstrap.com/javascript/#modals-examples

수정 삭제 버튼 .. 나는이 '삭제'버튼을 클릭
, 그것은 "deleteModal"라는 이름의 모델을 호출 .. 여기에 있습니다.

<asp:Button ID="btnDelete" CssClass="btn btn-default" runat="server" 
      data-toggle="modal" data-target="#deleteModal" /> 

DeleteModal-Popup에는 예/아니요 버튼이 있습니다. "예"버튼에 클릭 이벤트를 등록했습니다.

<!--Popup Ja-Button--> 
<asp:Button ID="btnDeleteConfirm" CssClass="btn btn-danger" runat="server"/> 

그게 전부입니다. 그것은 잘 작동합니다.

Answer 2

내 생각 엔 your ClientIDMode isn't set to Static입니다. 따라서 HTML 항목의 ID는 btnDelete이 아닙니다. 당신은 아마 일 것이다

$('input[id$=btnDelete]') 

에

$('#btnDelete') 

에서 선택을 변경하면 아마 container_container_contatin_etc._btnDelete

입니다. HTML이 없으면 이는 약간의 추측입니다.

Jquery selector here