提交表单以禁用？

Question

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

Answer 1

你需要有2个css课程。

1. 隐藏
2. 显示

隐藏会将按钮的显示属性设置为无，并且显示将使其可见。

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

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

例如，请参阅下面的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