The*_*ter 1 html javascript dialog
这是代码:
<form method="post" id="cp_ind_form">
// lots of input fields!
<input type="submit" name="update_submit" value="Update" />
<input type="submit" name="delete_submit" value="Delete" onclick="deleteConfirm()" />
</form>
Run Code Online (Sandbox Code Playgroud)
scripts.js(确认此文件已连接到上述页面)
(function deleteConfirm() {
var s = document.getElementById('confirm');
s.onchange = function() {
var yes = confirm('Do you really want to delete this location?');
if (yes) {
var f = document.getElementById('cp_ind_form');
f.submit();
}
}
})();
}
Run Code Online (Sandbox Code Playgroud)
这让我发疯。这么基本的功能在这里不行吗?我基本上是从我有工作的其他代码中复制它,这没有什么不同。有人可以确认我是否遗漏了一个小细节吗?
看代码。
当您单击提交时,您正在向某些内容添加 onchange 事件。
您不会触发要显示的确认,也不会取消原始提交。
而且用 (funciton(){})(); 包裹它是没有意义的。
它应该是
function deleteConfirm() {
return confirm('Do you really want to delete this location?');
}
Run Code Online (Sandbox Code Playgroud)
和
onclick="return deleteConfirm();"
Run Code Online (Sandbox Code Playgroud)