Javascript 如何避免重新加载页面?

Javascript 如何避免重新加载页面?,javascript,jquery,socket.io,Javascript,Jquery,Socket.io,它是一个简单的聊天应用程序,用户可以在其中发送消息,但也可以发送空白消息。 所以我尽量避免通过window.alert(“无法发送空白消息”)发送消息但是在警报中按下ok后,页面会重新加载,那么如何避免这种情况呢 $(function () { var socket=io(); $('form').submit(function () { if($('#m').val()!='') { socket.emit('chat message', $('

它是一个简单的聊天应用程序,用户可以在其中发送消息,但也可以发送空白消息。 所以我尽量避免通过
window.alert(“无法发送空白消息”)发送消息
但是在警报中按下
ok
后,页面会重新加载,那么如何避免这种情况呢

$(function () {
    var socket=io();
    $('form').submit(function () {
      if($('#m').val()!='') {
          socket.emit('chat message', $('#m').val());
          $('#m').val('');
          return false;
      }
      else{
          window.alert("Cannot send a blank message");
          window.stop();
      }
    });

    socket.on('chat message',function (msg) {
        $('#messages').append($('<li>').text(msg));
    });
});
$(函数(){
var socket=io();
$('form')。提交(函数(){
如果($('#m').val()!=''){
emit('chat message',$('#m').val());
$('m').val('');
返回false;
}
否则{
window.alert(“无法发送空白消息”);
window.stop();
}
});
socket.on('chat message',函数(msg){
$(“#消息”).append($(“
  • ”).text(msg)); }); });
  • 您可以使用return false停止代码的执行。像这样修改代码

    Example :
    if(your current code)
    {
     .....
    }
    else{
          window.alert("Cannot send a blank message");
          window.stop();
          return false;
    }
    

    在window.stop()之后使用
    返回false
    ;或者使用
    元素.preventdafult()
    事件