如果我的textarea为空,请使用jquery执行此操作

时间:2012-04-02 08:26:09

标签: javascript jquery

我有一个Table,Button和一个Textarea,当用户在Textarea中键入并单击Button时,用户键入的文本将作为一行添加到我的表中。但是如果Textarea是空的我不希望它在我的表中添加空行。我怎么能这样做?

这是我的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

我想它必须像“If CustomquestionTextArea is”“return false else”将它添加到表格中。“

提前致谢!

2 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分: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
}