jQuery检查页面加载时输入是否为空
马特
嘿，我有一个登录表单，当您单击输入时，标签会向上移动，焦点移开后它会检查输入中是否有文本，如果标签没有掉下来，标签是否会停留。
我的代码是：
$(function () {
$('.loginForm .inputGroup input').focusout(function () {
var text_val = $(this).val();
if (text_val === "") {
$(this).removeClass('has-value');
} else {
$(this).addClass('has-value');
}
});
});
问题是当我单击登录名时出现错误，例如用户名不存在，我想将用户名保留在输入中，但是当我这样做时，标签停留在输入中文本的顶部。
如何在加载时检查输入中是否有文本？
图片有助于了解情况：
JSFiddle：http : //jsfiddle.net/16g7yhLf/
干杯!
阿伦·P·约翰尼
您可以在注册事件处理程序之后触发focusout事件，以便执行该处理程序。
$(function () {
$('.loginForm .inputGroup input').focusout(function () {
var text_val = $(this).val();
if (text_val === "") {
$(this).removeClass('has-value');
} else {
$(this).addClass('has-value');
}
}).focusout();//trigger the focusout event manually
});
演示：小提琴
较短的版本可以是
$(function () {
$('.loginForm .inputGroup input').focusout(function () {
var text_val = $(this).val();
$(this).toggleClass('has-value', text_val !== "");
}).focusout(); //trigger the focusout event manually
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
jQuery检查页面加载时输入是否为空
- 2
使用jQuery检查输入是否为空
- 3
检查输入是否为空 JQuery
- 4
使用jQuery将在页面加载时为空的只读输入字段设置为具有特定值
- 5
如何检查输入字段在提交时是否为空
- 6
如何检查输入字段在提交时是否为空
- 7
jQuery：如何检查日期输入字段是否为空
- 8
jQuery检查是否在提交时输入空（0）
- 9
检查所有输入是否为空
- 10
检查文件输入行是否为空
- 11
如何检查输入字段是否为空
- 12
jQuery-检查特定输入是否为空值，并将类仅添加到这些输入为空
- 13
jQuery检查页面加载时的文本值
- 14
jQuery-检查特定的输入是否为空值，并将类仅添加到那些空的输入中
- 15
检查jQuery中textarea是否为空
- 16
检查DIV中jQuery中输入项的值是否为空
- 17
jQuery检查表单输入是否为空（除了一个）
- 18
jQuery在发送表单之前检查所有输入是否为空
- 19
jQuery / Ajax：执行功能之前检查输入字段是否为空？
- 20
jQuery / Ajax：执行功能之前检查输入字段是否为空？
- 21
如何使用JQuery检查所有输入是否为空以显示div
- 22
jQuery验证输入是否为空
- 23
如何检查输入类型为decimal的edittext是否为空？
- 24
jQuery输入验证：如何在不提交表单的情况下检查每个输入是否为空，字符或数字
- 25
jQuery输入验证：如何在不提交表单的情况下检查每个输入是否为空，字符或数字
- 26
在页面上显示模型内容并“检查是否为空”，MVC
- 27
检查 CSV 是否为空时出现空数据错误
- 28
检查是否为空
- 29
检查所有输入是否为空（无值）
我来说两句