입력 필드의 값에 따라 span 태그에 "USERNAME"텍스트를 표시하고 싶습니다.
입력 필드에 값이 있으면 span 태그에 "USERNAME"이라는 텍스트를 표시하고 싶습니다. 입력 필드에 값이 없으면 span 태그 안에 텍스트가 없기를 원합니다.
$(function () {
$("#username-input")
.keydown(function () {
function addRemoveUsername() {
var inputChecker = document.getElementById("username-input");
if (inputChecker.value == "") {
document.getElementById("name")
.innerHTML = "";
} else {
document.getElementById("name")
.innerHTML = "USERNAME";
}
}
addRemoveUsername();
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="login-form">
<span id="name"></span><br>
<input id="username-input" type="text" placeholder="USERNAME">
</form>
어떻게해야합니까?
.keyup
아래 스 니펫으로 사용하십시오 .
$(function () {
$("#username-input").keyup(function() {
var inputChecker = document.getElementById("username-input");
//blank spaces will be trimmed before text from the input field
if ($.trim(inputChecker.value) == "") {
document.getElementById("name").innerHTML = "";
inputChecker.value = "";
} else {
document.getElementById("name").innerHTML = "USERNAME";
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id ="login-form">
<span id="name"></span><br>
<input id="username-input" type="text" placeholder="USERNAME">
</form>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다