回答編集履歴
2
修正
    
        answer	
    CHANGED
    
    | 
         @@ -1,8 +1,10 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            正直`socket.io`は触ったことがないので良くわからないのですが、一般的なJSの知識として、
         
     | 
| 
       2 
2 
     | 
    
         
             
            `getElementsByName`は文書内で指定したnameを持つ要素を全て返すものなので、`frm.addEventListener~`の部分は`frm[0].addEventListener~`ではないでしょうか?
         
     | 
| 
       3 
     | 
    
         
            -
            それと質問者さんのコードでは元のコードにある`preventDefault`が 
     | 
| 
      
 3 
     | 
    
         
            +
            それと質問者さんのコードでは元のコードにある`preventDefault`が無いように思えます。
         
     | 
| 
      
 4 
     | 
    
         
            +
            `preventDefault`を指定すればとりあえずフォームのsubmitイベントはキャンセルされるはずです。
         
     | 
| 
       4 
5 
     | 
    
         | 
| 
       5 
6 
     | 
    
         
             
            まずその2つを修正してみては?
         
     | 
| 
       6 
7 
     | 
    
         | 
| 
       7 
8 
     | 
    
         
             
            参考:
         
     | 
| 
       8 
     | 
    
         
            -
            [https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByName](https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByName)
         
     | 
| 
      
 9 
     | 
    
         
            +
            [https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByName](https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByName)
         
     | 
| 
      
 10 
     | 
    
         
            +
            [https://developer.mozilla.org/ja/docs/Web/API/Event/preventDefault](https://developer.mozilla.org/ja/docs/Web/API/Event/preventDefault)
         
     | 
1
修正
    
        answer	
    CHANGED
    
    | 
         @@ -1,4 +1,8 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            正直`socket.io`は触ったことがないので良くわからないのですが、一般的なJSの知識として、
         
     | 
| 
       1 
     | 
    
         
            -
            `getElementsByName`は文書内で指定した 
     | 
| 
      
 2 
     | 
    
         
            +
            `getElementsByName`は文書内で指定したnameを持つ要素を全て返すものなので、`frm.addEventListener~`の部分は`frm[0].addEventListener~`ではないでしょうか?
         
     | 
| 
      
 3 
     | 
    
         
            +
            それと質問者さんのコードでは元のコードにある`preventDefault`がされていないように思えます。
         
     | 
| 
       2 
4 
     | 
    
         | 
| 
      
 5 
     | 
    
         
            +
            まずその2つを修正してみては?
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
       3 
7 
     | 
    
         
             
            参考:
         
     | 
| 
       4 
8 
     | 
    
         
             
            [https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByName](https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByName)
         
     |