如何根据输入字段的值在span标记中显示文本(How to display text in a span tag based on the value of input field)
我想根据输入字段的值在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>我该怎么办?
I want to display text "USERNAME" in the span tag based on the value of input field.
If input field has any value I want to display the text "USERNAME" in the span tag. If input field has no value then I want the span tag to have no text inside it.
$(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>Just how do I do it?
最满意答案
使用.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>Use .keyup as below snippet.
$(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>
更多推荐
发布评论