为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript 禁用提交按钮失效

JavaScript 禁用提交按钮失效

一只萌萌小番薯 2018-08-12 06:09:57
我想做一个点击提交按钮后,该按钮被禁用的效果,但是没有达到预期的效果。如图1。图1代码如下:<!DOCTYPE html><html lang="en"><head>     <meta charset="UTF-8">     <title>Title</title></head><body><form action="">     <button type="submit">submit</button>     <button type="reset">reset</button></form><script>     document.forms[0].addEventListener("submit", function () {    this.elements[0].disabled = true;    debugger     }, false);</script></body></html>当执行的时候,debugger的状态下禁用成功,如图2。图2但是继续执行后,禁用效果不见了。如图3。图3请问是哪里出现了错误?
查看完整描述

1 回答

?
DIEA

TA贡献1820条经验 获得超2个赞

页面被刷新了, 你应该阻止默认事件.


查看完整回答
反对 回复 2018-09-19
  • 1 回答
  • 0 关注
  • 1043 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信