提交表单以禁用？

Question

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

Answer 1

您需要 2 css class.

隐藏
显示

隐藏将使按钮显示属性为 none，显示将使按钮可见。

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

在 javascript 中，在第一个按钮上创建点击处理程序。当用户点击 OPT 发送按钮时。将提交按钮的cssclass由隐藏改为显示。

例如参考下面的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

提交表单以禁用？

Submit form to disable?

javascript

forgot-password

one-time-password