2016-10-25 9 views
0

キーボードの入力コマンドを入力すると、テキストエリアからそのテキストを送信する簡単なアプリケーションがあります。ここでは、キーボードjavascriptを使ってテキストエリアに空の値を掲示しないようにしよう

document.getElementById('new-input').addEventListener('keyup', function (e) { 
    var code = (e.keyCode ? e.keyCode : e.which); 
    if (code == 13 && $(this).val().length > 0) { // enter key press  && $(this).val().length > 0 
     e.preventDefault(); 
     send(); 
    } 
}); 

入力sendメソッド

function send() { 
     var message = document.getElementById('new-input').value.trim(), 
       xhr = new XMLHttpRequest(); 
     // alert('first message>>>>> '+message); 

     xhr.onload = function (response) { 
      if (xhr.status === 200) { 
       document.getElementById('new-input').value = ''; 

      } else { 
       alert('Request failed. Returned status of ' + xhr.status); 
       location.href = '/'; 
      } 
     }; 
     xhr.send(encodeURI('message=' + message)); 

    } 
され、私はここに私の試みである、からユーザーを防ぐJavaScriptを使用して、フォームに空のデータを提出しようとしていますが、私の挑戦は、それが押しに提出されていることです

空の値を送信しないようにするにはどうすればよいですか。あなたが空白にチェックするために$.trimを使用するangularjsまたはJavaScript

+0

なぜこのタグにangularjsを付けますか?なぜコードがどのように構造化されているため、角度が可能な答えではないのですか? – tcooc

答えて

0

のいずれかを使用してすることができます。空でない場合

if (code == 13 && $.trim($(this).val())) 

は真を返すだろう。

+0

素晴らしい。これはトリックです! – user6731422

関連する問題