提交表单以禁用？

Question

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

Answer 1

你需要有2个CSS类。

1. 隐藏
2. 显示

隐藏将使该按钮的显示属性为none和显示将​​使其可见。

最初的提交按钮将有一个CSS类隐藏

的在javascript中创建第1'按钮点击处理程序。当用户点击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