<script>
document.querySelector("#one").addEventListener("input",(e)=>{
//1.입력한 문자열을 읽어와서
const inputId = e.target.value;
//2.반드시(한글자 이상)해야하고 특수문자는 허용하지 않습니다 조건을 만족하면
//id가 result인 p요소의 innerText로 "Pass" 를출력하고
//만족하지 않으면 "Fail"을 출력해보세요
//검증할 정규 표현식 객체를 만들어서
//const reg = /^[a-zA-Z0-9]+$/;
const reg = /^[\w]/; //오답작성
//매칭 여부를 알아낸다.
const isIdValid = reg.test(inputId);
if(isIdValid){
document.querySelector("#result").innerText = "Pass";
}else{
document.querySelector("#result").innerText = "Fail";
}
});
</script>
처음에 작성한 오답
<script>
document.querySelector("#one").addEventListener("input",(e)=>{
//1.입력한 문자열을 읽어와서
const inputId = e.target.value;
//2.반드시(한글자 이상)해야하고 특수문자는 허용하지 않습니다 조건을 만족하면
//id가 result인 p요소의 innerText로 "Pass" 를출력하고
//만족하지 않으면 "Fail"을 출력해보세요
//검증할 정규 표현식 객체를 만들어서
//const reg = /^[a-zA-Z0-9]+$/;
const reg = /^[\w]+$/;
//매칭 여부를 알아낸다.
const isIdValid = reg.test(inputId);
if(isIdValid){
document.querySelector("#result").innerText = "Pass";
}else{
document.querySelector("#result").innerText = "Fail";
}
});
</script>
오답수정
'오답노트' 카테고리의 다른 글
쓸데없는 궁금증 코드 자리바꿔보기 (0) | 2023.06.04 |
---|---|
MySQL Reading table information for completion of table 오류 (0) | 2023.06.04 |
아이디 입력할 때 4글자 이상 10글자 이하 조건 걸어주기 (0) | 2023.05.31 |
폼입력시 버튼 활성화 시키기 (0) | 2023.05.31 |
프로그래밍에서 오타를 주의해야하는 이유 (0) | 2023.05.31 |
댓글