JS 控制 form是否提交表单

浏览数：26 / 时间：2015年06月09日

问题背景：用php删除数据，希望在点击“删除”(button)的时候JS弹出confirm来确认是否删除。

此段代码为php中的form:

1 <form action="?form=delete" method="POST">
2 　　<button type="submit" name="id" value="<?php echo $row[‘id‘];?>"> 删除 </button>
3 </form>

之前思路卡在怎么通过JS改变button的value来阻止提交，后来发现有捷径~

【form具有onsubmit 事件，此事件会在表单中的确认按钮被点击时发生。】

于是改写之前的form代码：

1 <form onsubmit="return dele();" action="?form=delete" method="POST">
2 　　<button type="submit" name="id" value="<?php echo $row[‘id‘];?>"> 删除 </button>
3 </form>

配套的写出JS代码（注意不要写在<?php?>里面）：

<script type="text/javascript">
    function dele() {
        var flag = confirm("是否确认删除？");
        if (flag) return true;
        return false;
    }
</script>

当然也可以替换成任意判断条件:D

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

JS 控制 form是否提交表单