2017-01-24 3 views
-2

OTP 생성 양식을 만들어야합니다. 여기서 feild는 OTP 버튼을 가지며 사용자가 OTP 버튼을 클릭하면 주어진 등록 번호로 OTP가 전송됩니다. OTP를 입력 한 후 submit 버튼이 활성화되어 있어야합니다. 처음에는 submit 버튼을 숨겨야합니다. 이것을위한 javascript 코드를 작성하는 방법. 도움이 필요하다.양식을 제출하여 사용 중지 하시겠습니까?

+0

이전에 시도 어떤 코드 블록을 붙여주십시오? – Curiousdev

+0

안녕하세요, 여기에 코드를 붙여주세요. 그러면 쉽게 읽을 수 있습니다. –

+0

스택 오버플로에 오신 것을 환영합니다. [this] (http://stackoverflow.com/help/how-to-ask) – ricky

답변

1

2 개의 CSS 클래스가 있어야합니다.

  1. 숨기기

숨기기 아무도 그것을 볼 수있게됩니다 쇼로 버튼의 표시 속성을 만들 것입니다 표시합니다.

처음에 당신의 제출 버튼을 1'st 버튼을 클릭 핸들러를 생성 자바 스크립트에서 숨기기

의 CSS 클래스있을 것이다. 사용자가 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

+0

샘에게 고맙습니다. – Ritu