提交表单以禁用?

时间:2017-01-24 10:34:19

标签: javascript forgot-password one-time-password

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

1 个答案:

答案 0 :(得分:1)

你需要有2个css课程。

  1. 隐藏
  2. 显示
  3. 隐藏会将按钮的显示属性设置为无,并且显示将使其可见。

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

    在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