实现表单form提交前进行确认提示表单提交确认对话框

最新推荐文章于 2023-03-11 19:11:46 发布

风中飘摇我亦妖娆

最新推荐文章于 2023-03-11 19:11:46 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： jsp

本文链接：https://blog.youkuaiyun.com/qq_29347295/article/details/78410534

jsp 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于在表单提交前弹出确认对话框，确保用户操作的准确性。此外，还展示了如何使用layer弹出层框架进行数据删除确认，并提供了一个实际应用案例。

111

定义一个函数：

[javascript]view plain copy 
   
 <script language="javascript">  
 function sumbit_sure(){  
 var gnl=confirm("确定要提交?");  
 if (gnl==true){  
 return true;  
 }else{  
 return false;  
 }  
 }  
 < /script>  

然后在form的onsubmit里调用就可以了：

[html]view plain copy 
   
 </html>  
 <body>  
 <form action="2.html" onsubmit="return sumbit_sure()">  
 点击我提交<br>  
 <input type="text" name="text" value="text"><br>  
 <input type="submit">  
 </form>  
 </body>  
 < /html>  

  222
 

  layer弹出层框架删除例子：
 

   
  top.layer.confirm('确认要彻底删除数据吗?', {icon: 3, title:'系统提示'}, function(index){
window.location = "/a/BgbBz/deleteAll?ids="+ids;                                                                                                                  
top.layer.close(index);
}); 
 我自己的实际运用：
 

   
  top.layer.confirm('确认要彻底删除数据吗?', {icon: 3, title:'系统提示'}, function(index){
这里写点击确定要实现的逻辑 
top.layer.close(index);
}); 
 
  
 
 

top.layer.confirm('确认要彻底删除数据吗?', {icon: 3, title:'系统提示'}, function(index){
window.location = "/a/BgbBz/deleteAll?ids="+ids;
	top.layer.close(index);
	});

top.layer.confirm('确认要彻底删除数据吗?', {icon: 3, title:'系统提示'}, function(index){
这里写点击确定要实现的逻辑
	top.layer.close(index);
	});

实现表单form提交前进行确认提示 表单提交 确认对话框

实现表单form提交前进行确认提示表单提交确认对话框