表单提交后弹出确认窗口

最新推荐文章于 2022-05-26 17:58:20 发布
最新推荐文章于 2022-05-26 17:58:20 发布
阅读量4.6k 收藏 6
点赞数
分类专栏： 前端 
<script language="javascript">
function sumbit_sure(){
var gnl=confirm("确定要提交?");
if (gnl==true){
return true;
}else{
return false;
}
}
</script>
    </html>
    <body>
    <form action="2.html" οnsubmit="return sumbit_sure()">
    点击我提交<br>
    <input type="text" name="text" value="text"><br>
    <input type="submit">
    </form>
    </body>
    </html>
羽二
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
表单验证弹出对话框
11-26
带*内容必填，弹出对话框提示！表单提交时验证，简单明了，填写内容不用具体分，只要全部填写即可提交
layui弹出层按钮提交iframe表单的方法
10-18
在本文中，我们将深入探讨如何使用layui框架在弹出层中通过按钮提交iframe表单的方法。layui是一款轻量级的前端UI框架...在实际项目中，可以根据具体需求调整弹出层的配置和表单提交的逻辑，以满足各种复杂场景的需求。
表单提交成功如何弹出提示
weixin_33949359的博客
09-09 7687
利用jquery的ajaxSubmit来做回调 function saveForm(){ 　　$('#myForm').ajaxSubmit(function() { alert("设置保存成功！"); 　　}); 　　return false; //阻止表单默认提交 } 　　 转载于:https://www.cnblogs.com/tinyTea/p/5855316....
vue表单数据和图片一起提交_【Zoho Creator】如何让表单提交成功后弹出图片提示...
weixin_39912303的博客
11-30 683
在Zoho Creator中，每当往表单中添加新条目或者提交表单的时候，都会弹出一个窗口，显示消息为“成功添加数据”，这是您在Zoho Creator上创建的所有表单向所有用户显示的默认消息。但有时会觉得，只有文字弹出，会不会太单调了？仿佛一台没有感情、冷冰冰的机器在于用户交流。其实，Zoho Creator完全可以让表单提交成功后的提示更“俏皮”一点，我们来尝试在提交成功后的提示中加...
form表单提交后弹框提示
热门推荐
mameng1988的博客
01-22 1万+
jsp页面： String path = request.getContextPath(); %>       发货                                     src="${contextPath }/jslib/time/script/bootstr
如何将表单提交给java累_Spring如何处理表单提交
weixin_39969060的博客
03-02 167
今天我们来讲一个最简单的表单提交处理的例子，通过提交一个表单给朋友打一声招呼！看这边文章之前，你至少应该了解基于Spring的Web开发的基础知识，当然，你还是应该准备好开发环境：IDE+Java环境(JDK 1.7或以上版本)Maven 3.0+(Eclipse和Idea IntelliJ内置，如果使用IDE并且不使用命令行工具可以不安装)准备POM文件POM.xmlxsi:schemaLoca...
基于layui点击按钮弹出包含表单的窗口
03-16
当用户点击按钮时，会弹出一个包含表单的窗口，用户填写完信息后点击确认，表单数据会被提交到控制台进行查看。实际应用中，你可以根据需求修改表单元素，添加验证规则，并在`form.on('submit')`中实现服务器端的...
JavaScript实现提交模式窗口后刷新父窗口数据的方法
10-19
在JavaScript编程中，有时我们需要创建一个模态对话框（modal dialog）来处理用户输入或确认操作，例如在父窗口中点击按钮，弹出一个模式窗口让用户添加数据，然后在数据提交后关闭模态窗口并刷新父窗口的数据。...
layui button 按钮弹出提示窗口,确定才进行的方法
10-16
本文将详细介绍如何使用Layui的button组件来实现一个弹出提示窗口的功能，只有当用户点击“确定”后，才会执行特定的操作。 首先，我们要了解Layui的按钮（button）组件。Layui的按钮组件提供了多种样式和功能，...
使用layer弹窗提交表单时判断表单是否输入为空的例子
10-16
layer是一个基于jQuery的轻量级弹窗插件，它支持页面上弹出不同样式的窗口，如信息提示框、确认框、加载框等。使用layer时，需要先获取layer的文件包，解压后将其目录结构保持完整地放置在项目中，并通过script标签...
Django使用消息提示简单的弹出个对话框实例
09-18
今天小编就为大家分享一篇Django使用消息提示简单的弹出个对话框实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
表单提交按钮,弹出alert提示,选择取消,页面不刷新
weixin_30432179的博客
11-10 731
第一种方法(本质是页面提交时判断,页面上的所有按钮提交后,执行那段JS,可以在其中加入按钮判断,实现对多按钮的不用提示功能) 在提交页面的按钮中加入如下代码: Code ClientScriptManagercs=this.ClientScript; cs.RegisterOnSubmitStatement(this.GetType(),"Save",...
submit()提交表单时，显示警示框
weixin_30432579的博客
03-13 2744
我同事在实现submit()提交表单时，想要页面弹出警示框。 但是折腾了几小时后发现，submit()始终不执行。 她的代码如下： $(document).ready(function(){ 　　$("button").click(function(){ 　　　　$("form").submit(function(e){ 　　　　　　alert(...
表单验证, 同时弹出警示框
wangyangzxc123的博客
05-26 1298
方法一. this.$refs.form.validate(valid => { if (!valid) { this.$message.warning('请完善必填信息') return false } } 通过在form表单中设置ref='form' 使用el 默认的validate 实现,统一校验 缺陷: 并不是每一条实时弹出警示框, 只在提交时统一弹出警示框 方法二. data .
form表单 弹出提示框问题
weixin_52335549的博客
03-09 2228
form表单 弹出提示框问题 用 e.preventDefault(); 阻止默认行为，阻止提交之后页面跳转，就可以继续后面的操作了，比如alert() 这样的好处是可以利用form表单自身的一些验证功能，只有表单验证都成功了，才能到提交这一步 ...
提交按钮Input 的type值为submit的时候 ，要求弹出二次确认窗口
泪一颗独秀的博客
02-22 5949
在实际开发的过程中，要求实现提交按钮Input 的type值为submit的时候 ，要求弹出二次确认窗口。 本来我以为type值为sibmit会直接提交表单 不会在有什么二次确认 由于才疏学浅 并且也想看看还没有有这种方法，还真找到了 可用confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。 说明 如果用户点击确定按钮，则 confirm() 返回 true
html表单弹窗提示,弹窗式表单验证插件
weixin_42525385的博客
06-19 891
Validation with Lightbox是弹窗式表单验证插件，提交表单时弹出正确与错误提示信息，允许定义的成功或错误码时不同弹出窗口标题，每个输入项验证提示信息。 var config = {"form_name" : "demo_form","submit_form" : true,"title-message" : {"success_titl...
页面提交时弹出确认窗口
龙傲天的博客
01-22 1152
在按钮Click事件中添加如下代码： String scriptText = "return confirm('是否确认提交？')"; ClientScript.RegisterOnSubmitStatement(this.GetType(),"ConfirmSubmit",scriptText);
javascript实现提交表单至弹出窗口
技术
07-24 3721
 有的时候我们需要把一个form表单提交到一个window.open打开的新窗口，为什么要这样子做？因为window.open()打开的新窗口我们可以控制它的所有属性，例如我们不需要菜单栏之类的。     代码如下：     &lt;SCRIPT   LANGUAGE="JavaScript"&gt; &lt;!-- var   previewWindow; function   doPr...
查询列表中对每一条记录提交确认模态窗口后执行 html
最新发布
06-09
对于查询列表中的每一条记录，可以为每个记录添加一个确认按钮，当用户点击确认按钮时，弹出一个确认模态窗口，用户在模态窗口中确认后，就可以执行相应的操作。以下是一个示例代码： ```html <!-- 查询列表中的每一条记录 --> <table> <thead> <tr> <th>编号</th> <th>名称</th> <th>确认操作</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>记录1</td> <td> <button class="confirm-btn" data-id="1">确认</button> </td> </tr> <tr> <td>2</td> <td>记录2</td> <td> <button class="confirm-btn" data-id="2">确认</button> </td> </tr> <!-- 其他记录 --> </tbody> </table> <!-- 确认模态窗口 --> <div class="modal" id="confirm-modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">确认操作</h5> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <p>是否确认执行操作？</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" id="confirm-yes-btn">是</button> <button type="button" class="btn btn-secondary" data-dismiss="modal">否</button> </div> </div> </div> </div> <!-- JavaScript代码 --> <script> var confirmBtns = document.querySelectorAll(".confirm-btn"); var modal = document.getElementById("confirm-modal"); var confirmYesBtn = document.getElementById("confirm-yes-btn"); // 遍历所有确认按钮，并为每个按钮添加点击事件 confirmBtns.forEach(function(btn) { btn.addEventListener("click", function() { // 获取该记录的编号 var id = btn.dataset.id; // 弹出确认模态窗口 modal.style.display = "block"; // 点击是按钮时，执行相应操作 confirmYesBtn.addEventListener("click", function() { // 执行相应的操作，例如提交表单或发送AJAX请求 console.log("执行操作，编号为：" + id); // 关闭模态窗口 modal.style.display = "none"; }); }); }); </script> ``` 在这个示例中，我们定义了一个查询列表，在每一条记录中，添加了一个确认按钮，当用户点击确认按钮时，弹出一个确认模态窗口。在确认模态窗口中，用户可以选择是或否，点击是按钮时，我们执行相应的操作，例如提交表单或发送AJAX请求。在这个示例中，我们只是在控制台输出了一条信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值