如果textfield为空则不发送! - 帮助JavaScript

时间:2014-05-23 04:35:18

标签: javascript

所以要了解我要问的内容http://quicknews.99k.org/java_chat.html 它是我用JavaScript制作的聊天框。 当您点击"发送"它会继续发送......是否有JS的if / else语句?

我的代码:

<script type="text/javascript">
            $(document).ready(function(){
                $('button').click(function(){
                    var message = $('textarea').val();
                    var old = $('#content').html();

                    $('#content').html(old + '<p>' + message);


                });
            });
        </script>

3 个答案:

答案 0 :(得分:1)

是的,它有if / else语句,你可以试试这个

$('button').click(function(){

 var message = $('textarea').val();
 var old = $('#content').html();
 if(message.length==0) return false;
  $('#content').html(old + '<p>' + message);

});

答案 1 :(得分:0)

我会这样做

$('button').click(function(){
    var message = $('textarea').val();
    if (!message) return false;

    var old = $('#content').html();
    $('#content').html(old + '<p>' + message);
});

答案 2 :(得分:0)

如果您想在textarea为空时禁止任何提交请求,请尝试: -

    <script type="text/javascript">
        $(document).ready(function(){
            $('button').click(function(e){
                var message = $('textarea').val();
                var old = $('#content').html();
                //We are checking if the length of the message is zero
                if(message.length==0) 
                    //Cancel form submission
                    e.preventDefault();
                else {
                    $('#content').html(old + '<p>' + message);
                    //Empty the textbox when you are done
                    $('textarea').val('');
                }
            });
        });
    </script>