Javascript确认对话框

Question

我想在删除按钮上添加一个确认对话框,询问用户是否可以删除所选项目.

如果没有,则不会发生任何事情,否则应该执行url.

我知道如何通过一些JavaScript代码实现这一点,但我正在寻找一个代码较少的解决方案.我的意思是:

<a href="mysite.de/xy/delete" onClick="...">Delete</a>

是否可以将整个功能放在onClick元素中而不在标题中添加一些额外的javascript？

Answer 1

您可以return在confirm()(返回true/ false),就像这样:

<a href="mysite.de/xy/delete" onClick="return confirm('You sure??');">Delete</a>

Answer 2

更好(虽然远非理想!):转过身来.除非你有JavaScript,否则不要让链接做任何事情:

<a href="#" 
  onclick="if confirm('Sure?') { window.location='http://mysite.de/xy/delete';}">
    Click to delete
</a>

这至少可以防止链接在没有JavaScript的情况下工作.这也降低了链接被Google,甚至某些本地插件意外抓取的风险.(图片,如果你有一个插件,试图加载/显示为缩略图)链接悬停时的目标页面!)

不过,这个解决方案并不理想.您实际上将浏览到该网址,因此该网址可能会显示在历史记录中.您实际上可以删除Bob,创建一个新Bob,然后只需单击浏览器中的"后退"即可意外删除它!

更好的选择是使用JavaScript或表单发布所需的操作.您可以使用POST方法向服务器发出请求,或者说可以更好地使用DELETE方法.这也应该防止网址被编入索引.

Answer 3

考虑一下如果用户禁用了javascript,或者google出现并抓住链接,会发生什么.您的实体会被删除吗？

更好的方法是发布要删除的表单.