使用了<input type="submit" value="Submit" onclick="this.disabled=true" />不能提交

最新推荐文章于 2022-06-15 20:51:47 发布
最新推荐文章于 2022-06-15 20:51:47 发布
阅读量3.6k 收藏
点赞数
分类专栏： js!

使用了<input type="submit" value="Submit" οnclick="this.disabled=true" />不能提交

2009-02-02 14:43 I_love_Lily  |  分类：JAVA相关  |  浏览17579次 
我打算在用户提交表单时，只能点击一次提交按钮，当然这时网页有一段等待时间，这等待期间要禁用提交按钮，以免用户重复点击。
使用了
<input type="submit" value="Submit" οnclick="this.disabled=true" />虽然把提交按钮禁用了，但是不能提交数据了

2009-02-02 14:53 提问者采纳 
看看我的例子吧

<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>

  <script>
   function goo(obj)
   {
     obj.disabled =true;
     document.getElementById("form1").submit();
   }
  </script>
 </HEAD>

 <BODY>
  <form action="1.asp" method="post" id="form1">
    <input type=button value="提交" οnclick="goo(this);">
  </form>
 </BODY>
</HTML>
阿飞冲冲冲
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
阻止input type是submit的提交和跳转（button 写onclick函数失败后的反思）
qq_19000887的博客
12-18 1296
阻止input type是submit的提交和跳转（button 写onclick函数失败后的反思）button写onclick函数不能提交利用input submit按钮实现 button写onclick函数不能提交 本人小白，写给笨笨的自己。 之前从来没写过，但是也感觉每次写代码都有绕很多弯路，还是记下来方便自己吧。其实是之前太懒了 （希望能同时方便其他人？不过大家都比我强就是了。） 在做数据...
jsp 重复提交问题
10-29
<input type="button" value="提交" onclick="this.disabled=true;this.form.submit()"> 5. 在 JSP 页面的 FORM 表单中添加一个隐藏域，用于记录当前请求的 URL，在服务器端代码中使用该 URL 进行重定向。 <input ...
Webview响应简单的<input type="submit" value="Submit">
lyccsu的专栏
01-11 1942
这个submit提交到了一个ssl链接，如果缺乏ssl证书，自己写的webview就访问不了 类似这样的错误： onReceivedSslError  error=primary error: 3 certificate: Issued to: 解决方案：在webviewclient监听里面的：如下 换成：handler.proceed();就可以了,还有很重要的一点，测试这些的是否，辅
<input type="submit" name="Submit" value="提交" />添加网站跳转的两种方式小结
budaoweng0609的博客
01-30 1万+
两种方法：一种是 本身在一个form表单里面，添加action就可以，比如,像这样子，另外一种很少使用在submit属性的按钮上，不过不是不行，你可以添加一个onclick，比如window.location.href='index.html'” value="提交" /> 此种方法要注意意看清引号的问题别搞错了 例如： name: passwor
关于input type为submit设置高度失效问题
weixin_42446516的博客
09-06 980
在用mac本做react项目时 遇到一个提交框样式设置的问题 高度设置完之后 就是没有效果如下 html 内容: <input type="text"/> <input type='submit' className='sub' value='搜索提问'/> CSS 样式: .sub{ box-sizing: content-box;...
input 没显示 html,html - 为什么我的<input type =“submit”>没有显示？
weixin_35511284的博客
06-10 375
Closed. This question is off-topic. It is not currently accepting answers. Learn more。想改进这个问题吗？Update the question所以堆栈溢出的值小于aa>。两年前关闭。我想在标题上加一个按钮，但它没有显示出来，我想它在div下面。为什么？我试图改变绝对位置，但没什么用。.large-heade...
点击提交按钮后按钮变灰色不可用状态的三种方法
09-05
<input type="button" value="提交" onclick="javascript:{this.disabled=true;document.form1.submit();}"> ``` 当用户点击该按钮时，`this.disabled=true`会将按钮设置为不可用（灰色），然后`document.form1....
详谈表单重复提交的三种情况及解决方法
08-29
<input type="submit" value="提交" id="btn"> </form> ``` **第三种情况：使用回退按钮再次提交** 用户在表单提交成功后，如果点击浏览器的回退按钮，然后再次点击提交，仍可能导致重复提交。为解决这个问题，...
vue2.0结合Element实现select动态控制input禁用实例
12-10
<button type="button" name="button" onclick="inputToDisabled()">禁用input</button> <script> function inputToDisabled() { document.getElementById("disabledInput").disabled = true; } </script> ``` 在...
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
12-09
<input type="Submit" value="我一定要提交" disabled> </form> ``` 接着，我们看JavaScript代码部分。定义了一个全局变量`checkobj`，它会在用户点击复选框时被赋值。`agreesubmit`函数遍历了表单中的所有元素，...
表单Form的submit事件不响应的解决方法
10-30
当用JS调用form的方法submit直接提交form的时候，submit事件不响应。
jquery-＜input type=‘submit‘/＞--关于required必填字段校验不生效的问题解决方案
weixin_48627356的博客
06-15 1540
当时，我正在通过jquery的ajax来完成添加表单的提交操作，在提交前需要对表单进行一些简单的非空判断。于是，对提交按钮绑定了一个点击事件click来发起$.post请求。但是，在出现空字段的输入时，表单依旧被提交到后台服务器，显然结果并不是我想要的。 我创建了一个注册表单并将其input字段设置为require属性，但它不适用于 ajax 这是ajax代码 原因分析： 解决方案： 为了进行 html5 必填字段的验证需要使用submit事件而不是click。提交事件仅在成功验证后触发。...
submit 按钮提交无效 点击无效果 不可用
热门推荐
jaylongli的专栏
11-21 2万+
        我的问题主要是，点击type="submit"的按钮没有作用，即是鼠标在上面点，不会发生提交，无任何响应。但是呢我先操作了一下该页面的其他按钮然后在点击该按钮又可以了。后来到网上看到一篇文章：http://blog.csdn.net/rushman/archive/2007/07/15/1693039.aspx  该文章虽然没有马上解决我的问题，但是在后面让我知道了问题所在
html input提交按钮无法使用,无法找到并单击提交按钮使用mshtml.HTMLInputElement
weixin_39856055的博客
06-26 393
下面是一个HTML表单及其下方，是一个VB程序，“LoginExamp”，输入用户名和密码。我无法找到该按钮，然后单击它，因为它似乎不显示为mshtml.HTMLInputElement。 “htmlInput.click()”永远不会运行。如何调整loginExamp代码以便点击按钮。谢谢你的帮助。无法找到并单击提交按钮使用mshtml.HTMLInputElementsubmit!随着下面的代...
idea里面html保存不了,intellij idea 不能保存项目，报错解决办法
weixin_28771751的博客
06-21 899
intellij idea 不能保存项目，报错错误信息：弹出提示框，控制台输出Could not save project!: Unable to save project files. Please ensure project files are writable and you have permissions tomodify them. Try to save project agai...
input type=submit　的小问题
weixin_34336526的博客
07-16 211
为什么80%的码农都做不了架构师？>>> ...
使用form元素中的按钮提交表单无法响应
在到处之间找我
04-19 5510
在不涉及到JS的时候下面这样是无法响应的：&lt;form action="url" method="get"&gt; &lt;input type="button"&gt; &lt;/form&gt;错误很简单，将type的值改为submit即可&lt;!-- 改成这样就OK了 --&gt; &lt;form action="url" method=&
禁用和启用input元素
qq_15325579的博客
03-08 6240
禁用 input 字段 有时你可能需要禁用表单的 submit 按钮或者某个 input 字段，直到用户执行了某些操作（例如，检查“已阅读条款”复选框）。可以添加 disabled 属性，直到你想启用它时： $('input[type="submit"]').prop('disabled', true); 你要做的就是执行 removeAttr 方法，并把要移除的属性作为参数传入：
a标签跳到另一个页面指定选项卡_HTML几个常用标签
weixin_39956443的博客
12-01 140
整理了一些我常用的标签图片不知道为啥怎么都传不上来 然后本地写好的格式，弄到这来全乱了 尴尬H5: 能运行在微信上的网页统称为H5---------------------------------------------------------------------------------------------------------------------------------------...
react 弹窗校验是否表单填写提交，提交后才可以进行下一步界面表单填写
最新发布
05-25
你可以在弹窗中添加表单，然后在表单中添加校验规则，当表单填写完整并通过校验后，将提交按钮设为可用状态，用户可以点击提交按钮进行表单提交。在表单提交成功后，你可以通过回调函数或者状态管理库（如redux）来控制下一步界面的表单填写状态。具体实现可以参考以下代码： ```jsx import React, { useState } from "react"; const Modal = ({ isOpen, onClose }) => { const [formValues, setFormValues] = useState({ name: "", email: "", password: "", }); const [isValid, setIsValid] = useState(false); const handleFormChange = (e) => { const { name, value } = e.target; setFormValues({ ...formValues, [name]: value }); }; const handleSubmit = () => { // 在这里进行表单数据提交，并根据提交结果更新下一步界面的表单填写状态 onClose(); }; const validateForm = () => { // 在这里编写表单校验规则 return formValues.name && formValues.email && formValues.password; }; return ( <> {isOpen && ( <div className="modal"> <div className="modal-content"> <h2>填写表单</h2> <form> <label htmlFor="name">姓名：</label> <input type="text" name="name" id="name" value={formValues.name} onChange={handleFormChange} /> <label htmlFor="email">邮箱：</label> <input type="email" name="email" id="email" value={formValues.email} onChange={handleFormChange} /> <label htmlFor="password">密码：</label> <input type="password" name="password" id="password" value={formValues.password} onChange={handleFormChange} /> </form> <button disabled={!validateForm()} onClick={handleSubmit} className="submit-button" > 提交 </button> </div> </div> )} </> ); }; const App = () => { const [isModalOpen, setIsModalOpen] = useState(true); const handleModalClose = () => { setIsModalOpen(false); }; return ( <div> <Modal isOpen={isModalOpen} onClose={handleModalClose} /> </div> ); }; export default App; ``` 在上面的代码中，我们利用useState来管理表单数据和提交状态。当用户输入表单数据时，我们会更新表单数据的状态。我们也会利用validateForm()函数来检查表单是否填写完整。当表单通过校验后，提交按钮会变为可用状态，用户可以点击按钮提交表单。表单提交成功后，我们会通过回调函数或者状态管理库来控制下一步界面的表单填写状态。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值