2012-04-02 11 views
0

私はテーブル、ボタン、およびテキストエリアを持っています。ユーザがテキストエリア内にタイプしてボタンをクリックすると、ユーザが入力したテキストがテーブルとして行に追加されます。しかし、Textareaが空の場合、私はテーブルに空の行を追加したくありません。どうすればそれを作ることができますか?私のテキストエリアが空の場合jquery

これは私のjqueryのコードです:。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#CustomButton').click(function() { 
      $('#CustomPickedTable tbody').append(
      $('<tr/>', { 
       click: function() { 
        $(this).remove() 
       }, 
       html: $("<td />", { 
        html: $("#CustomQuestionTextArea").val(), 
        'data-attr-id': 5 

       }) 
      }) 
     ); 
      return false; 
     }); 
    }); 
</script 

私はそれが「CustomquestionTextAreaがある場合は、 『』」テーブルに追加し、」それ以外の場合はfalseを返すように事前に

おかげである必要があります推測

+2

これは非常に基本的な要件であり、あなたがしたいことを達成するための擬似コードをすでに特定しています。イベントハンドラをバインドしたり、新しいDOM要素を作成したり追加したりするjQueryコードの記述方法はわかりませんが、単純なif文は実装できません。 –

答えて

4
if(!$.trim($("#CustomQuestionTextArea").val())) { 
    return false; 
} 
+0

'.length'をチェックする方が適切です。これは、テキストボックスの値が '' false ''の場合にfalseを返します。そうではありませんか? –

+1

'!! 'false' === true' - そうではありません。文字列が空の場合、文字列は偽でしかありません。 – ThiefMaster

+0

ああ、そうです。私に構わずに –

0

次のように、長さを確認することができます。

if($.trim($("#CustomQuestionTextArea").val()).length > 0) { 
    $('#CustomPickedTable tbody').append(
    $('<tr/>', { 
     click: function() { 
     $(this).remove() 
     }, 
     html: $("<td />", { 
     html: $("#CustomQuestionTextArea").val(), 
     'data-attr-id': 5 
     }) 
    }) 
    // more stuff 
} 
関連する問題