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函数没有显示我的警告，即使让textfield为空并通过单击tab移动到另一个对象，它也不起作用。

-i想提一下我称之为Jquery库，它与页面内的其他Jquery脚本完美配合 - #inplace_field也是唯一的id元素。

Answer 1

据我了解，selector.html（“any content”）设置所选对象的html值。你想要做的是检索html值并将其与空白进行比较。

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

我也很幸运使用.text（）和.val（），具体取决于你的效果。

Answer 2

html('')将使输入字段的innerHTML为空。要检查它是否为空，您需要使用val()函数检查值。例如：

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

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

2 个答案: