自動生成されたテキストフィールドの値をJQueryで確認する

Question

自動生成されたテキストフィールドに条件を適用しようとしていますが、スクリプトの目的はJqueryを使用してユーザーのデータを編集することです。テキストフィールドが空だった場合は、警告メッセージがここに

をポップアップします適用することが私のjQueryのコードは、私が<p></p> HTML内で呼ばれている特定のデータをクリックすると、自動生成されたフィールドが来る

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

です段落。私は、段落がその中に自動的に存在していた値を持つテキストフィールドを呼び出しますし、問題

私のjQueryの関数はdoesnのこの

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

のように変更することができるようになりますクリックし

テキストフィールドを空にしてタブをクリックして別のオブジェクトに移動させても、それは動作しません。

-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をnullにします。空であるかどうかを確認するには、val()機能を使用して値をチェックする必要があります。例えば：私はこれは、

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