빠른 질문입니다. 누군가 전화 입력 필드를 비워두면 내 레이블 메시지가 표시되지만 클릭 다운시 입력 필드로 돌아갈 때 메시지를 제거하려면 어떻게해야합니까?
function validatePhone(){
var phone = document.getElementById("phone1").value;
if(phone.length === 0) {
console.log("phone number is required.");
producePrompt("Phone number is required.", "messagePrompt", "red");
return false;
}
}
function producePrompt(message, promptLocation, color) {
document.getElementById(promptLocation).innerHTML = message;
document.getElementById(promptLocation).style.color = color;
}
form {
width: 30em;
height: 10em;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #2c3e50;
}
form input {
text-align: left;
padding-left: 5px;
margin: 0 0 10px 15px;
position: relative;
}
form label {
text-align: center;
}
#messagePrompt {
color: red;
<form>
<p>Please enter your phone number below:</p>
<input name="phone1" id="phone1" placeholder="(000)000-0000" />
<label for="" id="messagePrompt"></label>
<br>
<input type="button" value="send message" onclick="validatePhone()" />
</form>
remove_msg에 ur 입력 레이블에 기능을 추가하십시오.
function validatePhone(){
var phone = document.getElementById("phone1").value;
if(phone.length === 0) {
console.log("phone number is required.");
producePrompt("Phone number is required.", "messagePrompt", "red");
return false;
}
}
function producePrompt(message, promptLocation, color) {
document.getElementById(promptLocation).innerHTML = message;
document.getElementById(promptLocation).style.color = color;
}
function remove_msg(){
producePrompt(" ", "messagePrompt", "red");
}
form {
width: 30em;
height: 10em;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #2c3e50;
}
form input {
text-align: left;
padding-left: 5px;
margin: 0 0 10px 15px;
position: relative;
}
form label {
text-align: center;
}
#messagePrompt {
color: red;
}
<form>
<p>Please enter your phone number below:</p>
<input name="phone1" id="phone1" placeholder="(000)000-0000" onclick="remove_msg()" />
<label for="" id="messagePrompt"></label>
<br>
<input type="button" value="send message" onclick="validatePhone()" />
</form>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다