首页 > Web开发 > 详细

JS 控制 form是否提交表单

时间:2015-02-01 14:40:00      阅读:351      评论:0      收藏:0      [点我收藏+]

问题背景:用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是否提交表单

原文:http://www.cnblogs.com/enzozo/p/4265455.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!