어떻게 실행시 입력 타입의 이름 값을 검색 할 수 있습니다

Question

내 양식에서 나는 쓴 같은 :

검증에서

Enter your Name : <input type="text" name="myname" /> 
<div id="mynameerror"> </div> 
<br /> 

: 내가 'mynameerror'id를 가진 요소를 검색하고 입력이있는 경우 빈, 그리고 innterHTML에 몇 가지 오류 문자열을 설정합니다.

질문 : 지금

, 그것은 '입력'태그 '이름'속성을 검색하여 사업부 태그의 ID 이름을 구성 할 수있다? 같은

뭔가 :

<div id="name property" + "error"> </div> 

Answer 1

id의 공백을 가질 수 없습니다. 밑줄이나 다른 구분자를 사용하십시오.

또한 런타임시 요소의 ID를 변경하는 것은 좋지 않은 습관입니다.

window.setTimeout(function() { 
 
    // Get the input's name 
 
    var name = document.querySelectorAll('input[type="text"]')[0].name; 
 

 
    // Set the id for the div to be "myname_error" 
 
    document.getElementById("mynameerror").setAttribute("id", name + "_error"); 
 

 
    // Verify the element's id was altered by retrieving it. 
 
    console.log(document.getElementById("myname_error")); 
 
}, 1000);

Enter your Name : 
 
<input type="text" name="myname" /> 
 
<div id="mynameerror"></div>

Answer 2

이 시도 :

HTML :

<input type="text" name="fname" id="fname"> 
<span id="fname_error"></span> 
<br><br> 
<input type="button" onclick="check()" value="Check"> 

스크립트 :

<script> 
function check(){ 
    var fname = document.getElementById("fname").value; 
    if(!fname){ 
    document.getElementById("fname_error").innerHTML = "Text Empty!"; 
    } else { 
    document.getElementById("fname_error").innerHTML = "No Error!"; 
    } 
} 
</script>