javascript - 通过 JQuery 检查自动生成的文本字段值

Question

我正在尝试为自动生成的文本字段应用一些条件，脚本目标是使用 Jquery 就地编辑用户数据，它工作正常，我在这里需要的是在文本字段为空时应用, 会弹出提示信息

这是我的 Jquery 代码

$(document).ready(function() {
         $('#inplace_field').blur(function(){
         if ($('#inplace_field').html(''))
         {
             alert ("its empty");
         }
        });
    });

如果我单击在 <p></p> 中调用的特定数据，自动生成的字段将会出现html 段落。

当我单击该段落时，将自动调用一个文本字段，其中包含现有值，并且可以像这样更改

<p id="userEmailAddress" class="givemeMarginHere editInPlace-active" style="background-color: transparent; ">
<form class="inplace_form" style="display: inline; margin: 0; padding: 0;">
<input type="text" name="inplace_value" class="inplace_field" id="inplace_field" size="null">
<button class="inplace_save" value="">Save</button> 
<button class="inplace_cancel" value="">Cancel</button>
</form></p>

问题

即使让文本字段为空并通过单击选项卡移动到另一个对象，我的 Jquery 函数也不会显示我的警报，它不起作用。

-我想提一下，我调用了 Jquery 库，它与页面内的其他 Jquery 脚本完美配合- 还有 #inplace_field是独一无二的id元素。

Answer 1

据我了解，selector.html("any content") 设置所选对象的 html 值。您要做的是检索 html 值并将其与空白进行比较。

     if ($('#inplace_field').html() == "")
     {
         alert ("its empty");
     }

我也很幸运地使用了 .text() 和 .val()，具体取决于您想要的效果。