无法使用jQuery捕获表单提交

时间:2014-03-17 06:32:07

标签: javascript jquery

这似乎应该很简单,据我所知,我这样做就像网上的许多其他例子一样。我也尝试过使用IE和Chrome,但无法使用它。我还通过在jQuery之后发出警报来确认一些功能(函数($){....这个工作正常。

非常感谢任何帮助。我把头发拉了出来。

在我的页面正文中:

    <div id="chat"></div>
    <form id="send-message" action="">
        <input size="35" id="message"></input>
        <input type="submit"></input>
    </form>

    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script scr="/socket.io/socket.io.js"></script>
    <script>
        jQuery(function($){

            var socket = io.connect();
            var $messageForm = $('#send-message');
            var $messageBox = $('#message');
            var $chat = $('#chat');

            $messageForm.submit(function(event){
                event.preventDefault();
                alert("jQuery Loaded.");
                socket.emit('send message', $messageBox.val());
                $messageBox.val('');
            });

            socket.on('new message', function(data){
                $chat.append(data + '<br />');
            });
        });
    </script>

1 个答案:

答案 0 :(得分:0)

发现问题。该脚本在var socket = io.connect()时失败;因为io没有定义。 io没有被定义,因为我把scr不是src放在定义它的脚本的include中。