JS 控制 form是否提交表单

问题背景:用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

时间: 2024-10-12 15:40:07

JS 控制 form是否提交表单的相关文章

用js控制没有名字的表单 进行提交

在BS前台设计中,某些地方提交表单是非常方便的. 但是表单的也是有很多中形式的. 表单的创建形式: 1.用<form></form>进行创建 2.直接设置表单的属性创建一个没有名字的表单 1.对于有名字的表单,可以直接写js事件进行提交 //设置表单提交方式 $('#importMethod').form({ url: "/QuestionType/FuzzyQueryQuestionType", onSubmit: function () { //进行表单验证

jquery中使用$(#form).submit()提交表单无效原因分析及解决Script

今天写了一个表单验证,验证的时候没有任何问题,但是页面提交不了,很诡异,然后各种百度,查了一下的原因是input的id不能为submit 注意:提交表单的时候,input的id不能为submit <dl> <dd> <label>角色名称:</label> <input type="text" id="role_name" name="name" style="text-indent

js按Enter键提交表单

function exprint(e){ /* var keycode = event.keyCode; if (keycode == "13"){ fm.UserCode.focus(); submitForm(); } */ e = e ? e : window.event; var keyCode = e.which ? e.which : e.keyCode; if(keyCode == 13) { submitForm(); }}

在jsp提交表单的参数封装到一个方法里

建议去看一下孤傲苍狼写的Servlet+JSP+JavaBean开发模式(http://www.cnblogs.com/xdp-gacl/p/3902537.html), 最好把他JavaWeb学习总结全部看完会有很大的收获哦! 而把jsp专递的参数封装到一个方法里面也是从他那里学到的. 我觉得特别有用,尤其是在做项目的时候能省很多的代码  一: 需要的包 根据上一篇JDBC+Servlet+jsp(http://www.cnblogs.com/zhu520/p/6913650.html)的内容

Jquery异步提交表单到Action

转载请注明出处:jiq?钦's technical Blog 一 需求 出于兴趣最近在做分布式注册中心的管理界面,其中一个模块是左边的树显示所有ZooKeeper节点,使用的ztree实现,点击树节点的时候会查询后台action返回节点数据,显示在右边区域,为了不刷整个页面,所以采用的是Jquery的异步请求Action返回JSON数据,参考我的这篇文章,然后使用Jquery的load函数载入显示节点信息的nodeInfo.jsp,以返回的JSON数据为参数. 效果如下: 现在的需求是:我要在编

JavaScript使用button提交表单

<form action="test.html" method="POST"> <input type="button" value="提交"/> </form> <!-- 用提交表单,重要 --> <script type="text/javascript"> //定位提交按钮 var inputElement = document.getEle

无法在提交表单前通过ajax验证解决办法

博主在一个小项目中,要实现注册表单无刷新验证用户名或密码,但是发现不管怎么样都无法在先通过ajax验证之前不提交表单. 例如:一个简单的验证函数 1 function check(){ 2 $.post("#name")("xxx.php",{user:user}function(msg){ 3 if(msg){return false;} 4 }) 5 } 1 <form class="form" method="post&qu

js 回车提交表单的实现

我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此.比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交. 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则:    1. 如果表单里有一个type="submit"的按钮,回车键生效.    2. 如果表单里只有一个type="text"的input

JS采用ActiveXObject实现用户在提交表单时屏蔽敏感词的功能

本例中敏感词ciku.txt放在C盘根目录下,采用的ActiveXObject插件获取本地文件内容.使用此插件不需网上下插件,直接用如下js代码即可. 浏览器需修改interner安全选项的级别,启用ActiveX才能获取到代码中的ActiveXObject插件.如下图所示: js代码实现如下: 1 <script type="text/javascript"> 2 // -------------- 全局变量,用来判断文本域中是否包含脏词,默认为false,即不包含脏词-