Javascript 如何在页面加载而不是事件触发器时执行JS？

我正试图找到一个JS来检测表单中的空字段数量。我有3个字段。如果JS计算了2个或更多的空字段，JS会将css颜色更改为红色。如果JS计数为1个空字段，JS会将css颜色更改为绿色。当我将数据输入到输入字段中时，这可以正常工作。但是，当我加载两个字段中已有数据的页面时，颜色仍然保持为红色。加载页面时，如何让JS检查输入框中是否已经存在值，并根据空字段的数量相应地切换颜色

下面是加载页面时显示红色，即使只有一个空字段

我已经检查了所有论坛，但没有回答我的问题

'''HTML'''
<table>
<tr></tr><td> Field 1: <input class="user_field" type="text" name="1[user_fname]" value="1" autofocus/></td></tr>
<tr><td>Field 2: <input class="user_field" type="text" name="1[user_lname]" value="2"/></td></tr>
<tr><td>Field 3: <input class="user_field phone" type="text" name="1[user_mobile]"/></td></tr>
<tr><td>&nbsp;</td></tr>
</table>
<div id="result"></div>

<div class="containerbox">
        <div id="centerbox1" style="background-color: #FF6C60;">
          <div class="value">
          <p><span style="color: #fff ;font-weight:bold; font-size:36px">test</span></p>
          </div>
        </div>
     </div>
</div>


'''JS'''
$(document).ready(function(){
    $('.user_field').blur(function() {
            var text = "field(s) empty";
        var count = $('.user_field').not(function() {
            return this.value;
        }).length;

        $('#result').html(count + " " + text);

        //*alert(count);

        var udata = count;

        if (udata > 2){
        document.getElementById("centerbox1").style.backgroundColor = '#FF6C60';
        }
        else  
        if (udata <= 2)
        {
        document.getElementById("centerbox1").style.backgroundColor = '#99C262';
        } 


    });
});

“HTML”
字段1：
字段2：
字段3：
试验

“JS”
$（文档）.ready（函数（）{
$（'.user_字段'）.blur（函数（）{
var text=“字段为空”；
变量计数=$（'.user_字段'）。非（函数（）{
返回此.value；
}).长度；
$（'#result'）.html（计数+“”+文本）；
//*警报（计数）；
var udata=计数；
如果（udata>2）{
document.getElementById（“centerbox1”）.style.backgroundColor='#FF6C60'；
}
其他的
if（udata将函数移出模糊事件处理程序，并从
ready（）
处理程序调用它：


$（文档）.ready（函数（）{
//自身功能
函数checkFields（）{
var text=“字段为空”；
变量计数=$（'.user_字段'）。非（函数（）{
返回此.value；
}).长度；
$（'#result'）.html（计数+“”+文本）；
//*警报（计数）；
var udata=计数；
$（'centerbox1'）.css（'background-color'，udata>2？'FF6C60'：'99C262'）；
}
//设置事件处理程序
$（'.user_字段'）.blur（检查字段）；
//调用函数
checkFields（）；
})；

字段1：
字段2：
字段3：
试验

将函数移出模糊事件处理程序，并从
ready（）
处理程序调用它：


$（文档）.ready（函数（）{
//自身功能
函数checkFields（）{
var text=“字段为空”；
变量计数=$（'.user_字段'）。非（函数（）{
返回此.value；
}).长度；
$（'#result'）.html（计数+“”+文本）；
//*警报（计数）；
var udata=计数；
$（'centerbox1'）.css（'background-color'，udata>2？'FF6C60'：'99C262'）；
}
//设置事件处理程序
$（'.user_字段'）.blur（检查字段）；
//调用函数
checkFields（）；
})；

字段1：
字段2：
字段3：
试验