提交表单以禁用

Question

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

Answer 1

你需要

有2个css类。

1. 隐藏
2. 显示

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

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

在

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

例如，请参阅下面的垃圾箱

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