button 没写 type='button' 导致点击时提交

最新推荐文章于 2021-06-25 16:22:12 发布
最新推荐文章于 2021-06-25 16:22:12 发布
阅读量842 收藏
点赞数
分类专栏： js 文章标签： js button
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wuzuyu365/article/details/20548381
版权

有个地方很奇怪：点击了一个弹窗中的按钮，没想到弹窗消失了，经公司的js高手调试，发现了其中的奥秘


<button class="btn btn_set_wj"  οnclick="add_q()">添加调查问卷</button> 

加一个type ="button" 就好了：

<button class="btn btn_set_wj"  type ="button"  οnclick="add_q()">添加调查问卷</button>

不同的浏览器支持的规则不同

wuzuyu365
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
button没写type=button会导致点击时提交
09-04
点击了一个弹窗中的按钮，想到弹窗消失了，经测试后发现button 没写type=button会导致点击时提交
JS中type="button"和type="submit"的区别
10-19
这意味着，当用户点击`type="button"`按钮时，表单数据不会被发送到服务器，除非你在JavaScript中手动调用了`form.submit()`方法。 相反，`type="submit"`的按钮是专门设计用于提交表单的。当用户点击这个类型的...
关于button不写type=button的影响
dapyandxpy的博客
06-25 732
关于button不写type=button的影响 开发过程中遇到了关于button标签不写type属性的影响 有时html页面button点击会出现自动提交表单的情况。导致页面报405错误 后来查资料得知，在form表单下的按钮如果没有指定type类型，button会有一个默认的type=”submit”，也就是post方法 解决办法： 只需要给button设置一个类型type=“button”，这样button的类型就不会submit了，就不会自动提交表单了。 以下图片就是错误代码示范
关于<button> 没写 type='button' 导致点击时提交以及<button>和<input type="button">的区别...
dengli3463的博客
03-10 257
这是我的第一篇博客，如果写的不好，请见谅 这是一个关于button按钮一个小问题 最近刚开学跟着老师一起写代码，在模仿JAVA web程序设计（慕课版） P61页第三章 Ajax处理XML的代码中发现了一个问题， 我的代码在点击获取按钮后会突然闪现留言并消失，然后点击四次按钮后会出现结果。 在询问老师后，老师帮我将修改代码 <buttononclick=...
button标签不写type属性的影响
qq_36134977的博客
08-30 689
button标签中，不写type=“button”,导致后台获取不到参数。
button和input type=button的区别及注意事项
09-28
这意味着如果不指定`type`属性，`<button>`可能会导致意外的表单提交行为。因此，建议总是明确地定义`type`属性，以确保一致性。 `<button>`的一个重要注意事项是，当在表单中使用时，不同浏览器可能会提交不同的值...
input、button的不同type值在ajax提交表单时导致的陷阱
01-21
今天在做利用connection 作表单提交过程中发现，标签”input”跟”botton”中的type属性设置原来也是一门学问。 在开发过程中，为了使html代码更加整洁，我首先利用YAHOO.util.Event.addListener(obj, “click”, ...
在button中添加 type="button"和不添加的区别
weixin_30608131的博客
05-08 468
<button type="button" class="btn btn-success" onclick="page.search()">搜索</button> 我在项目中通过按钮搜索的时候 其中一个页面没有给button添加type="button"时 点击搜索会重新进入页面 后台百度才知道Internet Explorer的默认类型是"...
HTML 关于button加不加type的区别 ajax
society_kang的博客
01-20 394
关于button的加type与不加的区别 加 type 会在 network 显示 信息 不加 不会显示 会重新进入页面 在项目中通过 button 按钮搜索的时候 如果没有给button添加 “type=‘button’” 时 点击搜索会重新进入页面 IE 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。 所以请始终为按钮规定 type 属性。 在 HTML 表单中使用 button 元素，不同的浏览器会提交不同的值。IE 将提交 <b
Button标签三种type
热门推荐
u012784131的博客
08-13 1万+
为什么用button标签？ 在做订单付款功能时，偶尔遇到一些前端模版里的“付款”按钮使用的button标签，在直接点击后无法提交表单数据。原因在&lt;button&gt;标签里有type="button" 一项，因为&lt;input&gt;标签里也有type="button"属性，故而没有注意到。现在来看看为什么使用button标签： &lt;input&gt;和&lt;button&gt...
bootstrapValidator 提交按钮改成button后，.submit() 无法提交表单
她的猿的博客
04-23 2865
解决方法：$(‘#myform’)[0].submit();
在表单中的button，不写type=“button”，点击按钮会提交表单
weixin_43106858的博客
05-21 146
在表单当中，不写type=“button”，按钮会提交表单。
form表单下的button不设置type会自动提交表单
weixin_43862596的博客
04-15 644
是在做项目时遇到的问题 form标签下， <form id="realtime" name="realtime"> ... <button class="btn btn-outline-primary btn-sm" id="addGroup" >添加组 </button> </form> 点击按钮执行的事件有： $('#addGroup').on('click',function (){ //发起ajax请求 }) 在浏览器中查看请求，
添加Bootstrap表单验证之后无法提交表单
time512的博客
10-26 1706
问题：一个登录页面，使用BootstrapValidator表单验证之后，输入正确的格式点击登录，发现表单没有提交，并且登录按钮变为不可选，只有输入一次错的格式之后再输入正确的格式才能登录成功。 代码如下： &lt;button type="submit" id="subLogin" class="btn text-muted text-center btn-danger" &gt;登 录...
如何用 type="button"按钮提交表单?
chujurong7175的博客
02-09 2466
方法一： <form...><inputtype="button" value="提交表单"onclick="this.form.submit()">< /form> 或者 <inputtype="button" value="提交表单...
web-绑定event事件比较
前端产品工程师
12-26 795
HTML中为按钮绑定event方式有三种： eg： submit 一、使用jQuery进行绑定 $('#btn_submit').click(function(){}); 二、使用原生js绑定 document.getElementById("#btn_submit").addEventListener(‘click’, function(){ }
<td> <input type="file" onchange="previewImage(this)" onclick="selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </div> <div class="button-container"> <button class="button" onclick="addRow()">新增一行</button> <button class="button" onclick="deleteRow()">删除行</button> <button class="button" onclick="navigateToUserManagement()">用户管理</button> <button class="button" onclick="exportToExcel()">导出</button> <button onclick="submitData(this)">提交</button> <button onclick="deleteImageInSelectedCell()">删除图片</button> </div> let selectedCell; function selectCell(cell) { selectedCell = cell; } function deleteImageInSelectedCell() { if (selectedCell) { const imageContainer = selectedCell.querySelector('.image-container'); if (imageContainer) { imageContainer.innerHTML = ''; } } } 在上面代码中我添加图片后，选中单元格后我点击删除图片的按钮时，图片并没有没删除
最新发布
07-22
根据你提供的代码，我注意到在删除图片时，你使用了 `selectedCell` 变量来存储选中的单元格，并通过 `deleteImageInSelectedCell()` 函数来删除该单元格中的图片。然而，根据你所描述的情况，点击删除图片按钮后，图片并没有被删除。 经过检查，发现了一个可能导致问题的原因：在你的 HTML 代码中，`<div class="image-container">` 的闭合标签 `</div>` 多余，而且在图片显示的 `<img>` 标签之后。这可能导致 JavaScript 在查找 `.image-container` 元素时出错，从而导致无法正确删除图片。 为了解决这个问题，请将 HTML 代码中的 `<div class="image-container">` 的闭合标签 `</div>` 移动到正确的位置。以下是修正后的代码示例： ```html <td> <input type="file" onchange="previewImage(this)" onclick="selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> <div class="image-container"> <img src="path/to/image.jpg" alt="Image"> </div> <div class="button-container"> <button class="button" onclick="addRow()">新增一行</button> <button class="button" onclick="deleteRow()">删除行</button> <button class="button" onclick="navigateToUserManagement()">用户管理</button> <button class="button" onclick="exportToExcel()">导出</button> <button onclick="submitData(this)">提交</button> <button onclick="deleteImageInSelectedCell()">删除图片</button> </div> </td> ``` 请注意，修正后的代码将 `<div class="image-container">` 的闭合标签放在了正确的位置，确保它包裹了要显示的图片。 希望这次能够解决你的问题！如果还有其他疑问，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值