页面弹窗按钮导致页面被调用

我不知道这个题目咋说,上个图就明白了

我的页面是这样的

看到没,中间有一个新增,点击之后出来一个弹窗,如图

然后我点击弹窗的查询按钮之后,立马调到了我的页面了,还报错

我不明白为什么我点击的弹窗的按钮,会回到页面上去,找了很久,结果发现....

我弹窗里面的按钮是submit.....

<button type="submit" id="btn"> 查询</button>

如果是submit的话,会提交表单到页面的,所以把submit换成button就可以了

==测试一下MarkDown的新高亮语法,如果没高亮就是博客园没更新==

原文地址：https://www.cnblogs.com/yunquan/p/11063825.html

时间： 2024-10-20 03:18:12

页面弹窗按钮导致页面被调用的相关文章

【ASP.NET】【防止连续多次点击提交按钮导致页面重复提交】

最近做项目遇到了这样的情况: 公司网络比平常慢了不少,在点击保存按钮提交页面后需等待挺长的一段时间,忍不住手贱点多了几次,当提交完成后发现数据库语句执行异常. 两种验证方式: 第1种: aspx页面按钮: <asp:Button ID="btnSumbit" runat="server" Text="提交" onclick="btnSumbit_Click" /> Page_Load 事件: btnSumbit.A

js的命名空间 && 单体模式 && 变量深拷贝和浅拷贝 && 页面弹窗设计

说在前面:这是我近期开发或者看书遇到的一些点,觉得还是蛮重要的. 一.为你的 JavaScript 对象提供命名空间 <!DOCTYPE html> <html> <head> <title>为自己的js对象提供命名空间</title> </head> <body> <div>封装自己的数据和函数,防止和其他的库搞混了</div> <script> var jscbObject = {

一个简单的页面弹窗插件 jquery.pageMsgFrame.js

页面弹窗是网站中常用的交互效果,它可以强提示网站的某些信息给用户,或者作用于某些信息的修改等等功能. 这几天在做一个项目的时候,就顺捎把这个插件写一下,栽棵树,自己乘凉吧. 原创博文,转载请注明出处:http://www.cnblogs.com/dereksunok/p/3724764.html html代码: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5

iframe 父页面与子页面之间的方法的相互调用

如果你采用嵌入iframe机制,不可避免的要用到各个iframe页面之间方法和属性的相互调用.这里介绍的是兼容各个浏览器的iframe调用方式. 这里设定有3个页面,一个父页面main.html,它嵌入了两个iframe,分别是:childPage1.html和childPage2.html main.html有一个函数叫parentFunc().main.html代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN

vue el-form鼠标事件导致页面刷新解决方案；vue 阻止多次点击提交数据通用方法

一.阻止表单自动提交刷新页面:<el-form> <el-form-item :inline="true" @submit.native.prevent> <el-input @keyup.enter.native='submit'></el-input> </el-form-item> </el-form> 注意: 鼠标事件导致页面刷新问题,在el-form上增加 @submit.native.prevent 可

记录一个关于 Document.on绑定事件后，导致页面卡顿的情况

假设当前页面的js文件中有如下函数: function A(){ function B(); } function B(){ $(document).on("click","#元素id",function(){ dosomething……; }); } 函数A是一个按钮上绑定的onclick函数处理: 那么每次点击按钮触发A函数之后,都会导致B函数的执行,进而 $("#元素id") 这个元素就会绑定一次点击事件. 如果多次触发A函数之后,导致 $

苹果手机在微信QQ上输入，导致页面事件触点错乱。

部分苹果手机在微信QQ上,输入之后,如果页面有滚动内容.内容上有对应的时间,那么输入结束,再次触发事件,会发现事件的触点变了. 例如:按钮A 因为输入法弹出移动了,输入法隐藏回去后,按钮A 回滚到原来的位置,但是事件却已经不在按钮A上了. 对此的方式可以采用,重置页面 scrollTop , // 重置苹果手机部分机型输入法导致页面滚动后,事件触点错位问题 $(document).on('blur', 'input,textarea', function () { //解决iPhoneX系列

在一个aspx或ashx页面里进行多次ajax调用

在用ajax开发asp.net程序里.利用ashx页面与前台页面进行数据交互.但是每个ajax交互都需要一个ashx页面.结果是项目里一大堆ashx页面.使项目难以管理.现在我们就想办法让一个ashx页面里允许多个ajax交互; 前台页面AjaxTest.htm,内容如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm

蓝懿 iOS 页面跳转和正反向调用

今天上课讲了页面跳转和正反向调用: 跳到下一页面: [self presentViewController:v animated:YES completion:nil]; 返回上一页面:[self dismissViewControllerAnimated:YES completion:nil]; 应用程序的生命周期: 1.已经完成加载 2.已经变成激活按大饼出去 1.将要失去激活 2.已经进入后台按两下大饼回来 1.将要进入前台 2.已经变成激活按两下大饼结束程序将要结束程序正向