Javascript 当用户单击页面上的链接时,如何弹出警报框进行验证?

Javascript 当用户单击页面上的链接时,如何弹出警报框进行验证?,javascript,jquery,html,confirm,Javascript,Jquery,Html,Confirm,我正在建立一个小的CMS,我有一个帖子,网页等删除选项。这是一个链接,但现在我需要让它显示一个弹出警告或东西时,点击它只是为了验证人们是否真的想删除文章。 如果用户单击“是”,则它将继续该链接并删除,但如果用户单击“否”,则它将不允许浏览器转到该链接并删除文章 我知道我可以用jQuery做到这一点,但我已经两天没有睡觉了,我无法思考。有什么想法吗?您可以使用jQuery发送一封邮件。如果用户单击OK并确认,则可以返回true,这将允许自动跟踪链接。如果用户单击“取消”,您将单击(链接上单击事件的

我正在建立一个小的CMS,我有一个帖子,网页等删除选项。这是一个链接,但现在我需要让它显示一个弹出警告或东西时,点击它只是为了验证人们是否真的想删除文章。 如果用户单击“是”,则它将继续该链接并删除,但如果用户单击“否”,则它将不允许浏览器转到该链接并删除文章


我知道我可以用jQuery做到这一点,但我已经两天没有睡觉了,我无法思考。有什么想法吗?

您可以使用jQuery发送一封邮件。如果用户单击OK并确认,则可以返回true,这将允许自动跟踪链接。如果用户单击“取消”,您将单击(链接上单击事件的默认设置是转到该链接),然后该链接将不会被跟踪

HTML:

<a class="confirm" href="http://www.microsoft.com">Link</a>
$(".confirm").on("click", function(event){
    if(confirm("Are you SURE....?")){
       return true;
    } else {
        event.preventDefault();
        return false;
    }
});

HTML:

<a href='url_to_delete_page' onclick='return check()'>Click</a>

JavaScript:

<script type="text/javascript">
function check(){
        return confirm("Really delete it?");
}
</script>

函数检查(){
返回确认(“是否真的删除它?”);
}

如果创建确认对话框,则可以从按下的链接复制
href

此代码的工作方式是自动绑定到类
confirm
的链接。然后修改确认对话框,使
yes
按钮执行原始链接的操作,并修改
no
隐藏对话框

HTML:

<div class="dialog" id="confirmation">
  <div class="title">Are you sure?</div>
  <a href="#" class="yes">Yes</a>
  <a href="#" class="no">No</a>
</div>

<a href="#delete" class="delete confirm">Delete</a>

谢谢你,亚当,这是我要接受你的答案的诀窍,当stckoverflow允许用任何方式编辑警报框中的按钮时,因为它是英文的,我可以将其编辑为德语吗?这是浏览器驱动的。如果你的浏览器设置为使用德语,它会显示相应的消息。我很高兴知道-1背后的原因。你能告诉我吗?我也会的。这是亚当答案的更优化版本。
<div class="dialog" id="confirmation">
  <div class="title">Are you sure?</div>
  <a href="#" class="yes">Yes</a>
  <a href="#" class="no">No</a>
</div>

<a href="#delete" class="delete confirm">Delete</a>
$('#confirmation.dialog .no')
  .click(function(){
    $('#confirmation.dialog').hide();
});

$('a.confirm').on('click', function(){
  var $el = $(this), link = $el.attr('href'),
      $confirm = $('#confirmation.dialog'),
      $yes, $no;

  $confirm.show();
  $yes = $confirm.find('.yes');

  $yes.attr('href', link);

  return false;
});