j查询如何检查字段是否为空，如果是这样，则向另一个元素添加一个类

jQuery how to check if a field is empty if so add a class to another element

本文关键字：另一个 元素 添加 一个 查询 检查 字段 是否 如果 何检查      更新时间：2023-09-26

我在结帐页面上为邮政编码创建了一个字段，我正在尝试让jQuery检查该字段是否为空。如果字段为空，它将向 id 为 "zip" 的div 添加一个 "empty" 类，如果它不为空，它将在 id 为 "zip" 的div 中添加一个 "else" 类。不知道如何做到这一点，这是我现在拥有的代码。

var value = $.trim($("#billing_zip").val());
 if (value.length > 0) {
     $('#billing_zip').click(function () {
         $('#zip').addClass('empty');
     });
     $('#zip').click(function () {
         $('#zip').addClass('empty');
     });
 }
#zip {
    color: #aaa;
    font-style: italic;
    position: absolute;
    top: 8px;
    left: 35px;
}
.empty {
    display: inline;
  }
.else {
    display: none;
  }
<div class="chkField">
  <label for="billing_zip">Zip</label>
  <input type="text" onchange="clearContent(this);check_address('billing');" class="txtBoxStyle hasPlaceholder" tabindex="10" size="10" value="" id="billing_zip" maxlength="15" name="billing_zip">
  <!--START: req_billing_zip-->
  <img width="12" height="12" alt="" src="assets/templates/common/images/error2.gif">
  <!--END: req_billing_zip-->
  <div class="clear"></div>
  <div id="zip">zip</div>
</div>

这是一个小提琴jQuery甚至不起作用，我只有添加类"空"的代码。我几乎不知道jQuery。帮助将不胜感激。

谢谢

安德鲁

试试这段代码

     $("#billing_zip").on("focusout keypress click",function(){
            var value = $.trim($("#billing_zip").val());
        alert(value.length);
         if (value.length == 0) { 
                $('#billing_zip').addClass('empty');
                 $('#zip').addClass('empty');
         }
     else
     {
       $('#billing_zip').addClass('else');
                 $('#zip').addClass('else');
     }
   });

您需要在单击事件上检查值是否为空。

 $('#billing_zip').click(function () {
   var value = $.trim($("#billing_zip").val());
   if(value.length === 0){ 
     $('#zip').addClass('empty');
   }
  });
相关文章：