반응형

javascript 4

자바스크립트 기초 - submit, 회원가입, 검증

이름, 비밀번호, 이메일 등 미입력 항목이 있을 경우 체크하는 소스. 경고창(얼럿창 alert)을 띄웁니다. 오류 항목이 있을 경우 preventDefault(); 통해 전송(submit)하는 것을 막습니다. 연관글 자바스크립트 기초- 비밀번호 일치 확인 및 글자수세기 회원가입 시 비밀번호를 2번 입력받을 경우 백엔드로 넘기기 전에 처리하는 방법 비밀번호 : 비밀번호확인 : 결과물은 아래와 같다. 여기에서 회원가입 버튼을 눌렀을때 비밀번호와 비밀번호확� pycoding.tistory.com 이름 이메일 비밀번호

javascript 2020.06.15

자바스크립트 기초 - addEventListener(focus, blur)

var k = document.getElementById("event"); k.addEventListener("focus" , function(e) { if(k.value=="이름을 입력하세요") { k.value = ""; } }); k.addEventListener("blur", function(e) { if(k.value =="") { k.value = "이름을 입력하세요"; } }); 마우스 클릭에 따른 값 변경시키기 인풋에 기본 밸류값으로 "이름을 입력하세요"를 지정합니다. id는 "event" *aucautocomplete="off" 자동완성끄기 html 실행 클릭시 아래의 스크립트를 통해 클릭시 기본 밸류값을 없애고 외부영역에서 클릭시 다시 기본밸류값을 나타나게 합니다. var k = doc..

javascript 2020.06.15

자바스크립트 기초- 비밀번호 일치 확인 및 글자수세기

회원가입 시 비밀번호를 2번 입력받을 경우 백엔드로 넘기기 전에 처리하는 방법 비밀번호 : 비밀번호확인 : 결과물은 아래와 같다. 여기에서 회원가입 버튼을 눌렀을때 비밀번호와 비밀번호확인 값이 일치하여야한다. 백엔드에서 검사를 하는 방법도 있지만 비효율적이기에 일치여부를 확인한 후 전송한다. 글자수세기 비밀번호를 6글자 이상으로 세팅하고 싶다면 하나의 if문을 추가하면 된다. if(p1.length < 6) { alert('입력한 글자가 6글자 이상이어야 합니다.'); return false; } 전체소스 비밀번호 : 비밀번호확인 :

javascript 2020.06.15
반응형