submit 按钮提交无效 点击无效果 不可用

最新推荐文章于 2023-03-16 10:30:49 发布
最新推荐文章于 2023-03-16 10:30:49 发布
阅读量2w 收藏 4
点赞数 5
分类专栏： 遇到的问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jaylongli/article/details/3346106
版权

 

  

    我的问题主要是，点击type="submit"的按钮没有作用，即是鼠标在上面点，不会发生提交，无任何响应。但是呢我先操作了一下该页面的其他按钮然后在点击该按钮又可以了。后来到网上看到一篇文章：http://blog.csdn.net/rushman/archive/2007/07/15/1693039.aspx  该文章虽然没有马上解决我的问题，但是在后面让我知道了问题所在，可能的原因是，表单的内容过大，需要将提交方法改为method=post,就OK了。往往解决问题的方法很简单，但是在你不知道解决方法的时候，呵呵，那可烦啊。

 

   个人在总结一下多数人按钮可能遇到的问题。

   1、form.submit(),无法提交。          可能的原因是你的form 的name在提交时不正确

   2、按钮不可用，disabled 属性，   为true 不可用，false时可用

   

 

 

 

  

 

 

  

加油馒头
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
form提交表单_利用js提交form表单的方式
weixin_39974030的博客
11-29 2603
第一种方式：表单提交，在form标签中增加onsubmit事件来判断表单提交是否成功<script type="text/javascript">function validate(obj) {if (confirm("提交表单?")) {alert(obj.value);return true;} else {alert(obj.value);return false;}}</...
表单Form的submit事件不响应的解决方法
12-10
一、问题描述 类比一下，我用input.select()做了测试，却能响应select事件。这个原因先放一边，我们看看先怎么把眼下的问题解决了。 不响应事件的代码示例： [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 实际运行，不会有alert出来。 虽然用submit方法来提交表单有违Unobtrustive Javascript的原则，但有时候不得不用，比如做搜索提示（auto-complete)选中Item之后就需要用JS来提交搜索表单。 二、问题分析 既然本身不响应事件，那只有手工触发这些事件了，确定手工触发方案之前先回顾一下事件的注册方式： “原始”的注册方式有两
form 的submit提交没有反应
ziyouniao719672119的专栏
04-18 8103
搞了一天，submit提交就是没有反应，原来是标签用错了。 做如下修改后，即可正常提交 submit。原因是 是属于jsf框架的标签，通过来提交表单，是属于html的标签，通过  type=submit 来提交表单。
html form 表单 submit 提交数据没有反应
weixin_44414639的博客
06-05 2349
检查一下是不是form 写成了from <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单标签</title> </head> <body> <form action = "#" method = "get"> 用户名：<input name="username"&gt.
关于Vant表单点击提交无反应的问题
qq_29496169的博客
12-21 2716
关于Vant表单点击提交无反应的问题
$('form').submit() （不支持）not working on iPad and iphone
zeroone001的专栏
09-09 704
在iPhone内嵌客户端 使用form提交的时候，不要用jquery的这个函数，method为post也有问题，最好是改成get ~~~亲测，这是个坑～
JS button按钮实现submit按钮提交效果
01-19
然而form表单的 submit 且一旦提交则全部提交，所以想到的实现方法就是 使用button实现,代码实现见如下： form设置： <form method=”post” name=”linkform”> 隐藏的act方法设置,代码如下: <input ...
asp.net 点击按钮提交后使按钮变灰不可用
10-29
ASP.NET 点击按钮提交后使按钮变灰不可用 在 ASP.NET 应用程序中，点击按钮提交后使按钮变灰不可用是非常常见的需求，特别是在上传文件、发送邮件、执行复杂操作等场景中。那么，如何实现点击按钮提交后使按钮变灰...
点击提交按钮后按钮变灰色不可用状态的三种方法
09-05
当用户点击该按钮时，`this.disabled=true`会将按钮设置为不可用（灰色），然后`document.form1.submit()`提交表单。这种方式简洁明了，但缺点是提交成功后按钮仍然保持灰色，无法恢复为可用状态。 2. **利用`...
解决vue 按钮多次点击重复提交数据问题
08-27
通过绑定按钮的 disabled 属性为变量名，可以控制按钮的点击和不可点击状态，从而解决按钮多次点击重复提交数据的问题。 总结 本文详细介绍了解决 Vue 按钮多次点击重复提交数据问题的方法。通过控制按钮的禁用...
form.submit()不能提交表单的原因分析
09-04
主要分析了form.submit()不能提交表单的原因,需要的朋友可以参考下
js按钮的click事件，给Input（submit）按钮添加事件监听addEventListener存在问题
weixin_45881103的博客
06-26 3465
一、提交按钮的点击事件 目的：html中表单按钮，想给提交按钮添加一个点击事件，当点击时实现相应函数功能。 存在问题：点击页面函数执行很快，结果不正确。如图： （1）、HTML部分代码 <form> <input type="submit" class="logbtn" value="Login" id="test"> </form> （2）、JavaScript部分代码 let test=document.getElementById('te
Html中button按钮和input按钮在form中的不同效果
yicunyangguang的博客
03-16 463
button按钮和input按钮在form标签内存在不同的效果
关于input type为submit设置高度失效问题
weixin_42446516的博客
09-06 978
在用mac本做react项目时 遇到一个提交框样式设置的问题 高度设置完之后 就是没有效果如下 html 内容: <input type="text"/> <input type='submit' className='sub' value='搜索提问'/> CSS 样式: .sub{ box-sizing: content-box;...
使用了<input type="submit" value="Submit" onclick="this.disabled=true" />不能提交
legend_x的专栏
07-02 3670
使用了不能提交 2009-02-02 14:43I_love_Lily | 分类：JAVA相关 | 浏览17579次 我打算在用户提交表单时，只能点击一次提交按钮，当然这时网页有一段等待时间，这等待期间要禁用提交按钮，以免用户重复点击。 使用了 虽然把提交按钮禁用了，但是不能提交数据了 分享到： 2009-02-02 14:5
input标签/复选框/单选框点击文字有效果
前台技术
01-11 4274
先来测试一段代码，点击文字有效果的会用红色标注！（建议使用第一种input，因为节省代码，改变文字部分时也不会很麻烦） 沪深A股 沪深A股 沪深A股 沪深A股 沪深A股 沪深A股 沪深A股 沪深A股 沪深A股 沪深A股
HTML：form表单中的input、button和submit
野原新之助
11-21 6585
简述： 在HTML中input、button和submit三种方法都可以显示一个操作按钮，语句如下： input button：<input type="button" value="按钮"> <br> button(默认)：<button>按钮</button> <br> button(button)：<button type="...
vue 按钮提交后不可用
最新发布
09-07
在Vue中，我们可以通过使用属性绑定来实现按钮提交后变为不可用的效果。首先，在按钮的模板中将按钮的disabled属性与一个Vue的data属性进行绑定，例如disabled属性与一个名为isDisabled的data属性绑定。同时，我们在data中设置isDisabled的初始值为false，表示按钮初始状态可用。然后，在按钮的点击事件处理方法中，我们将isDisabled的值改为true，表示按钮提交后不可用。最后，我们可以通过Vue的计算属性来控制按钮的可用性，将isDisabled的值作为计算属性的依赖属性，并返回对应的布尔值。当isDisabled的值为true时，按钮将处于不可用状态。 以下是实现这一效果的代码示例： <template> <div> <button :disabled="isDisabled" @click="submit">提交</button> </div> </template> <script> export default { data() { return { isDisabled: false }; }, methods: { submit() { // 执行提交操作 // 提交完成后将按钮设置为不可用 this.isDisabled = true; } }, computed: { disableSubmitButton() { return this.isDisabled; } } }; </script> 通过以上代码，我们可以实现在按钮提交后将其设置为不可用的效果。当点击按钮时，按钮会执行submit方法，将isDisable属性的值改为true，按钮的disabled属性会通过属性绑定自动更新为true，按钮从而变为不可用状态。同时，我们可以根据isDisabled属性的值来控制其他相关逻辑，比如是否显示加载动画等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值