Javascript jQuery on submit不'；行不通

我知道已经有人问过这类问题，但我找不到解决问题的办法。在我的HTML文件中，我有以下代码：

<div>
        <form id="chart-input">
            <input type="text" name="country" placeholder="Country" autocomplete="off">
            <input type="number" name="visits" placeholder="Visits" autocomplete="off"> 
            <button>Send</button>
        </form>
</div>

---

有什么问题吗？当我单击按钮

preventDefault（）

时，另一个代码没有执行。希望有人知道解决办法。Thx

确保您已注册

jQuery

，并按如下操作：

将您的

javaScript

代码放在

HTML

之后，或将其更改为：

jQuery(document).ready(function(){
    jQuery('#chart-input').on('submit', function (e) {
          e.preventDefault();

          let countryTextbox = jQuery('[name=country]');
          let visitsTextbox = jQuery('[name=visits]');

          socket.emit('addData', {
            "country": countryTextbox,
            "visits": visitsTextbox
          }); 
    });
});

邮寄
jQuery（文档）.ready（函数（）{
jQuery（“#图表输入”）.on（'submit'，函数（e）{
e、 预防默认值（）；
让countryTextbox=jQuery（'[name=country]'）；
让visitsTextbox=jQuery（'[name=visions]'）；
//socket.emit（'addData'{
//“国家”：countryTextbox，
//“访问”：访问文本框
//});
警惕（‘它工作了！！！’）；
});
});

将

发送

更改为

发送

，它将正常工作

这是意料之中的！你忘了提到按钮的类型。它应该是发送的，我试过了，但不起作用。来自Majid的解决方案（jQuery（document）.ready（function（））.thx

jQuery(document).ready(function(){
    jQuery('#chart-input').on('submit', function (e) {
          e.preventDefault();

          let countryTextbox = jQuery('[name=country]');
          let visitsTextbox = jQuery('[name=visits]');

          socket.emit('addData', {
            "country": countryTextbox,
            "visits": visitsTextbox
          }); 
    });
});