내 텍스트 영역이 비어있는 경우 jquery로 수행

테이블, 버튼 및 텍스트 영역이 있습니다. 사용자가 Textarea를 입력하고 버튼을 클릭하면 사용자가 입력 한 텍스트가 내 테이블에 행으로 추가됩니다. 그러나 Textarea가 비어 있다면 나는 테이블에 빈 행을 추가하고 싶지 않습니다. 내가 어떻게 그렇게 할 수 있니? .내 텍스트 영역이 비어있는 경우 jquery로 수행

이 내 jQuery 코드입니다! 나는 그것이 "CustomquestionTextArea이" "그렇지 않은 경우는 false 반환"테이블에 추가 "

사전에 감사처럼하는 생각

<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

출처

2012-04-02 Obsivus

이것은 매우 기본 요구 사항이며 의사 코드를 식별하여 이미 수행 한 작업을 성취했습니다. jQuery 코드를 사용하여 이벤트 핸들러를 바인딩하고 새 DOM 요소를 만들고 추가하는 등의 간단한 if 문은 구현할 수 없다는 것을 알기 위해 고심하고 있습니다. –

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

출처

2012-04-02 08:28:08 ThiefMaster

'.length'를 검사하는 것이 더 적절합니다. 텍스트 박스의 값이' "false"'이면 false를 반환합니다. 그렇지 않습니까? –

'!! 'false'=== true' - 아니, 그렇지 않습니다. 문자열은 비어있는 경우에만 위증입니다. – ThiefMaster

오, 맞습니다. 나는 신경 쓰지 마 –

다음과 같이 길이를 확인할 수 있습니다

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 
}

출처

2012-04-02 08:28:11

내 텍스트 영역이 비어있는 경우 jquery로 수행

답변

관련 문제