小编Les*_*Yun的帖子

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

以下是页面加载时的状态，即使只有1个空白字段也显示为红色。

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

'''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 > …