Php 检查表单字段在页面加载时是否有值，如果有，是否显示标签？

我有一个表单，当用户向该字段添加值时，每个字段上方都会显示小标签

有时会加载一些预填充的字段

我如何在页面加载时检查任何表单字段是否有值，如果有，标签是否可见

以下是我当前用于在字段具有值时显示标签的代码：

$('.form-control').blur(function() {
    if( $(this).val() ) {
        $(this).prev().show();
    }
});

在页面加载时，请尝试以下操作：

$('.form-control').each(function() {
 if( $(this).val() ) {
    $(this).prev().show();
 }
});

在页面加载时，请尝试以下操作：

$('.form-control').each(function() {
 if( $(this).val() ) {
    $(this).prev().show();
 }
});

在document ready上，对于每个.form控件，如果输入的值不是空的，请执行任何代码以显示标签

---

在document ready上，对于每个.form控件，如果输入的值不是空的，请执行任何代码来显示标签。

使用

focusout

事件不会有太大的杀伤力，是吗

    <script type="text/javascript">
    (function ($) {
        $(document).ready(function (e) {
                    // ALTHOUGH BLUR IS OK, ONE COULD SIMPLY BIND THE .form-control CLASSES TO THE focusout EVENT
                    // THIS ENSURES THAT THERE IS A HIGHER LIKELIHOOD THAT THE FIELD IN QUESTION ONCE HAD FOCUS
                    // WHICH MAY IMPLY THAT THE USER ALSO INTERACTED WITH THE FIELD IN SOME WAY...
                $('.form-control').each(function(elem){
                    var objElem = $(this);
                    objElem.focusout(function(evt) {
                        if ($(this).val()) {
                            // NOW, YOU SHOULD KNOW WHICH METHOD TO USE TO TRAVERSE THE DOM
                            // AND GET AT THE LABEL....
                            // IN YOUR CASE IT SEEMS TO BE THE PREVIOUS ELEMENT BEFORE THE FORM-FIELD.
                            $(this).prev().show();
                        }
                    });
                });
        });
    })(jQuery);

    </script>

（函数（$）{
$（文档）.ready（函数（e）{
//虽然BLUR是可以的，但是可以简单地将.form控件类绑定到focusout事件
//这确保了有问题的领域有更高的可能性曾经有过焦点
//这可能意味着用户也以某种方式与字段交互。。。
$（'.form控件'）。每个（函数（elem）{
var objElem=$（此项）；
objElem.focusout（函数（evt）{
if（$（this.val（））{
//现在，您应该知道使用哪个方法遍历DOM
//然后拿到标签。。。。
//在您的例子中，它似乎是表单字段之前的前一个元素。
$（this.prev（）.show（）；
}
});
});
});
})（jQuery）；

使用

focusout

事件不会太过分，是吗

    <script type="text/javascript">
    (function ($) {
        $(document).ready(function (e) {
                    // ALTHOUGH BLUR IS OK, ONE COULD SIMPLY BIND THE .form-control CLASSES TO THE focusout EVENT
                    // THIS ENSURES THAT THERE IS A HIGHER LIKELIHOOD THAT THE FIELD IN QUESTION ONCE HAD FOCUS
                    // WHICH MAY IMPLY THAT THE USER ALSO INTERACTED WITH THE FIELD IN SOME WAY...
                $('.form-control').each(function(elem){
                    var objElem = $(this);
                    objElem.focusout(function(evt) {
                        if ($(this).val()) {
                            // NOW, YOU SHOULD KNOW WHICH METHOD TO USE TO TRAVERSE THE DOM
                            // AND GET AT THE LABEL....
                            // IN YOUR CASE IT SEEMS TO BE THE PREVIOUS ELEMENT BEFORE THE FORM-FIELD.
                            $(this).prev().show();
                        }
                    });
                });
        });
    })(jQuery);

    </script>

（函数（$）{
$（文档）.ready（函数（e）{
//虽然BLUR是可以的，但是可以简单地将.form控件类绑定到focusout事件
//这确保了有问题的领域有更高的可能性曾经有过焦点
//这可能意味着用户也以某种方式与字段交互。。。
$（'.form控件'）。每个（函数（elem）{
var objElem=$（此项）；
objElem.focusout（函数（evt）{
if（$（this.val（））{
//现在，您应该知道使用哪个方法遍历DOM
//然后拿到标签。。。。
//在您的例子中，它似乎是表单字段之前的前一个元素。
$（this.prev（）.show（）；
}
});
});
});
})（jQuery）；

谢谢你，但Anuj的方法似乎成功了！不确定这种方法是否更好，或者只是一种不同的方法……谢谢你，但是Anuj的方法似乎已经成功了！不确定这种方法是否更好，或者只是一种不同的方法。。。