FORM表单提交二次弹窗确认 jquery提交二次确认 部分按钮二次确认部分不用
Form表单在点击按钮进行提交的时候，往往直接就提交了，没有一个二次确认过程，这样对于一些需要批量操作的步骤，就存在一定误操作风险，所以我们需要在有多个操作提交按钮的表单中，点击某个提交按钮让他弹窗二次确认框，同时对于其他提交按钮又不需要弹窗，直接操作。这里用到JQUERY
<html>
<body>
<script src="js/jquery-3.3.1.min.js"></script>
<script language="javascript">
$(function() {
$("[name^=delete]").bind("click",function() {
var value = $(this).attr("name");
if (value=="deletedomain"){
var gnl=confirm("确定全部删除?");
if (gnl==true){
return true;
}else{
return false;
}
}
});
}
);
</script>
<form action="post.php">
点击我提交<br>
<input type="text" name="text" value="text"><br>
<button type="submit" class="tip-left" title="删除域名" name="deletedomain" id="deletedomain" value="deletedomain">
<button type="submit" class="tip-left" title="提交域名" name="submitdomain" id="submitdomain" value="submitdomain">
</form>
</body>
</html>这样点击删除域名就会弹窗二次确认，点取消就不会提交。点提交域名就会直接提交，无二次确认
顶(0)
踩(0)
- 最新评论