Hộp thoại giao diện người dùng Jquery thay cho javascript xác nhận

Question

Tôi có một loạt các quy trình xác thực javascript có xác nhận. Tôi muốn sử dụng hộp thoại jquery ui, nhưng tôi cần trả về true cho phần còn lại của quá trình xác nhận.

Ví dụ:

var where_to_coupon = confirm(pm_info_msg_013); 
     if (where_to_coupon== true) { 
     doSubmit=true; 
     return doSubmit; 

Vì vậy, tôi cần một chức năng để thay thế xác nhận với một hộp thoại UI, kéo chuỗi tin nhắn (pm_info_msg_013), và sử dụng các nút hoặc nút UI của riêng tôi để trở về đúng cho quá trình xác nhận .

Không chắc bắt đầu từ đâu.

trợ giúp?

Answer 1

Trong hộp thoại Giao diện người dùng jQuery, hãy đặt tùy chọn modal thành true và chỉ định hành động người dùng chính và phụ với tùy chọn buttons.

$("#dialog-confirm").dialog({ 
     resizable: false, 
     height:140, 
     modal: true, 
     buttons: [{ 
      text: pm_info_msg_013, 
      click : function() {  
       $(this).dialog("close"); 
       // code related to "where_to_coupon== true" goes here 
       // submit form 
       } 
      }, { 
      text: "Cancel", 
      click: function() { 
       $(this).dialog("close"); 
       doSubmit = false; 
       // don't submit form 
      }}] 
    }); 

Xem demo ở đây: http://jqueryui.com/demos/dialog/#modal-confirmation

Cập nhật: này sẽ cho phép bạn tạo nhiều khẳng định. Cách sử dụng:

function CreateDialog(okText, cancelText, okCallback, cancelCallback) { 
     $("#dialog-confirm").dialog({ 
      resizable: false, 
      height:140, 
      modal: true, 
      buttons: [{ 
       text: okText, 
       click : function() {  
        $(this).dialog("close"); 
        okCallback(); 
        } 
       }, { 
       text: cancelText, 
       click: function() { 
        $(this).dialog("close"); 
        cancelCallback(); 
       }}] 
      } 
     }); 

// ******* usage #1 ********  
CreateDialog(pm_info_msg_013, "Cancel", function() { 
    // where_to_coupon== true 
}, function() { 

    // where_to_coupon== false 
}); 

function OnConfirmTrue() { 
    // do something 
} 

function OnConfirmFalse() { 
    // do something 
} 

// ******* usage #2 ******** 

CreateDialog(pm_info_msg_013, "Cancel", OnConfirmTrue, OnConfirmFalse); 

Answer 2

Tôi đã tạo một plugin cho giao diện người dùng jQuery, được gọi là dialogWrapper, cung cấp một số phương pháp, bao gồm phương thức xác nhận. Bạn gọi nó như sau:

$.confirm("Prompt", function(){}, function(){}, {}); 

Đối số thứ hai và thứ ba là phải làm gì khi nút có và không được nhấp tương ứng. Thứ tư là cho các đối số bổ sung.

Kiểm tra nó ra ở đây: http://code.google.com/p/dialogwrapper/

Nó không làm việc như mẹ đẻ phương thức JavaScript confirm, tuy nhiên, vì nó là không đồng bộ. Vì vậy, bạn sẽ không thể ghi đè trực tiếp confirm với $.confirm.

Answer 3

Bạn đã thử Impromtu bởi Trent Richardson chưa?

http://trentrichardson.com/Impromptu/

này jquery plug-in có thể cung cấp cho bạn sự kiểm soát bạn đang tìm kiếm với nhắc nhở và khẳng định và nhiều hơn nữa.