Подтвердить что ты не робот

Как показать подтверждение с тремя кнопками "Да" "Нет" и "Отмена", как показано в MS Word

Я показываю окно подтверждения с помощью JavaScript:

function checked() {
 if (hdnval.toLowerCase() != textbox1.toLowerCase()) {
  var save = window.confirm('valid')
   if (save == true) 
   {
     return true;
   }
   else
    {
      return false;
    }
 }
}

Подтверждение подтверждается двумя кнопками: "ОК" и "Отмена".

Я хочу показать третью кнопку в своем предупреждении о подтверждении. Я хочу, чтобы три кнопки были такими: "Да" "Нет" "Отмена", как показано в MS Word.

Ответ 1

Это невозможно сделать с помощью встроенного диалогового окна javascript, но многие библиотеки javascript содержат более гибкие диалоги. Для этого вы можете использовать что-то вроде jQuery UI dialog.

См. также эти очень похожие вопросы:

Вот пример, как показано в this jsFiddle:

<html><head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/normalize.css">
    <link rel="stylesheet" type="text/css" href="/css/result-light.css">
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/base/jquery-ui.css">
</head>
<body>
    <a class="checked" href="http://www.google.com">Click here</a>
    <script type="text/javascript">

        $(function() {
            $('.checked').click(function(e) {
                e.preventDefault();
                var dialog = $('<p>Are you sure?</p>').dialog({
                    buttons: {
                        "Yes": function() {alert('you chose yes');},
                        "No":  function() {alert('you chose no');},
                        "Cancel":  function() {
                            alert('you chose cancel');
                            dialog.dialog('close');
                        }
                    }
                });
            });
        });

    </script>
</body><html>

Ответ 2

Если вы не хотите использовать отдельную библиотеку JS для создания настраиваемого элемента управления для этого, вы можете использовать два диалога confirm для выполнения проверок:

if (confirm("Are you sure you want to quit?") ) {
    if (confirm("Save your work before leaving?") ) {
        // code here for save then leave (Yes)
    } else {
        //code here for no save but leave (No)
    }
} else {
    //code here for don't leave (Cancel)
}