Javascript 添加多个字段时，Socket.io将不发送

我正在使用Node.JS、Express、Socket.io和MySQL构建一个类似聊天的应用程序。我已经得到了要加载的项目，但是用户名没有保存。我已经创建了一个带有隐藏用户ID输入的表单，但它不会提交。聊天将在没有id字段的情况下进行。
代码如下： Users.js

客户端套接字js

var socket = io();
$('form').submit(function(){
  var msg='I am working';
  socket.emit('working', msg);
})

  $('#chatform').submit(function(){
    socket.emit('chat message', { msg : $('#m').val(), userid: $('#userid').val()});
    $('#m').val('');
    $('#userid').val('');
    return false;
  });
  socket.on('chat message', function(data){
  $('#messages').prepend('<div class="card"> <div class="card-block"> <h5 class="card-title">'+data.user+' </h5> <!--<h8 class="card-subtitle mb-2 text-muted"></h8>--!> <p class="card-text">'+data.msg+'</p>'
              );
});

var socket = io();
$('form').submit(function(){
  var msg='I am working';
  socket.emit('working', msg);
})

  $('#chatform').submit(function(){
    socket.emit('chat message', { msg : $('#m').val(), userid: $('#userid').val()});
    $('#m').val('');
    $('#userid').val('');
    return false;
  });
  socket.on('chat message', function(data){
  $('#messages').prepend('<div class="card"> <div class="card-block"> <h5 class="card-title">'+data.user+' </h5> <!--<h8 class="card-subtitle mb-2 text-muted"></h8>--!> <p class="card-text">'+data.msg+'</p>'
              );
});

extends loggedin
block classes
  .classes(style='margin-bottom: 5%')
    each classs in classes
      a(href='/classes/'+classs.RoomName, style='color: white; padding-left: 6%;') #{classs.RoomName}
block content
  .row(style='height: 90vh')
    .col-12
      .card-columns#messages(style='height: 80vh; overflow-y: scroll; display: flex; flex-direction: column-reverse;')
        each message in messages.reverse()
          .card
            .card-block
              h5.card-title #{message.username}
              h8.card-subtitle.mb-2.text-muted #{message.time}
              p.card-text #{message.msg}
  .row(style='padding-top: 8%')
    .col-12
      form#chatform(action='', style='position: absolute; bottom: 10vh; width: 67vw; padding-top: 10px; margin-top: 5vh')
          .row(style='margin-right: 0')
            .col.col-md-12(style='margin-right: 0; width: 100%')
              if canedit
                .form-group
                  .form-inline
                    input#m.form-control.col-10(type='text', placeholder='Type your message here.')
                    input#userid.form-control.col-10(type='text', value=user.id, style='display: none;')
                    button.forn-control.col-2(type='button', style='background: none; border: none; width: 2vw')
                      i.material-icons.hovericons(style='color: #00304f') send
              else
                .form-group
                  .form-inline
                    input#m.form-control.col-10(type='text', placeholder='Type your message here.', disabled)
                    button.forn-control.col-2(type='button', style='background: none; border: none; width: 2vw', disabled)
                      i.material-icons.hovericons(style='color: #00304f') send            
block scripts
  script(src='../socket.io/socket.io.js')
  script(src='../js/initial.js')