提交表格以禁用？

Posted 2023-02-25

【中文标题】提交表格以禁用？

【英文标题】：Submit form to disable?

【发布时间】：2017-06-09 02:47:17

【问题描述】：

我需要制作一个带有 OTP 生成的表格，其中号码字段将具有 OTP 按钮，当用户单击它时，OTP 将发送到他给定的注册号码。输入 OTP 后，应启用提交按钮。最初应隐藏提交按钮 如何为此编写 javascript 代码。需要帮助。

【问题讨论】：

请粘贴您之前尝试过的代码块？

你好，你能把你的代码贴在这里，这样会很容易阅读

欢迎堆栈溢出通过this

我没有尝试过代码。我很困惑如何开始。

【参考方案1】：

你需要有 2 个 css 类。

隐藏 显示

隐藏将使按钮的显示属性为无，显示将使其可见。

最初，您的提交按钮将有一个隐藏的 css 类

在 javascript 中，在第一个按钮上创建一个点击处理程序。当用户点击选择发送按钮时。将提交按钮的 css 类从隐藏更改为显示。

例如参考下面的bin

var send = document.querySelector(".send");
var sub = document.querySelector(".submit");
send.addEventListener('click', function()
    sub.classList.remove('hide');
    sub.classList.add('show');
);

http://jsbin.com/jucivus/edit?html,css,js,output