Question

我在我的jQuery代码中添加了一些验证，以便在发布消息之前检查空白文本字段，但它似乎不起作用。我的墙上根本没有留言。知道如何解决这个问题吗？

HTML

<div id="header">
  <div class="container"> <span id="text_header">Virtual Idea Wall</span> </div>
</div>
<div id="main">
  <div class="container">
    <div id="chat"></div>
  </div>
</div>
<div id="footer">
  <div class="container">
      <p>
        <label for="title">Please give your idea a title</label>
        <br />
        <input type="text" id="title" name="title"/>
      </p>
      <p>
        <label for="message">Please provide details of your idea</label>
        <br>
        <input type="text" id="message" name="message"/>
      </p>
      <p>
        <input type="submit" id="sendmessage">
      </p>
      </input>
  </div>
</div>

的jQuery

jQuery(function ($) {
    var socket = io.connect();
    var $messageForm = $('#sendmessage');
    var $messageTitle = $('#title');
    var $messageBox = $('#message');
    var $chat = $('#chat');

    $messageForm.click(function () {
        if ($.trim($("#title").val()).length === 0) {
            alert('You must provide valid input');
            $messageTitle.val('');
            $messageBox.val('');
            return false;
        }
        if ($.trim($("#message").val()).length === 0) {
            alert('You must provide valid input');
            $messageTitle.val('');
            $messageBox.val('');
            return false;
        } else {
            e.preventDefault();
            socket.emit('send message', '<b>' + $messageTitle.val() + '</b>' + '&nbsp;-&nbsp;' + $messageBox.val());
            $messageTitle.val('');
            $messageBox.val('');
        }

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

Answer 1

您的点击功能未传递“e”事件，因此当您拨打“e.preventDefault（）”时会停止此操作。

我做了这个jsfiddle - 没有套接字支持 - 但它确实警告我的消息。 http://jsfiddle.net/4v2QT/

这是唯一的变化（e传入函数）

$messageForm.click(function (e) {
    ... code goes here!
}

jQuery拒绝在验证后发布

1 个答案: