JQuery没有处理提交按钮

Question

我正在尝试学习一些JQuery。 我正在使用外部js编写代码。当我调用2段函数时，它工作正常，但是当我调用Submit按钮时，它将再次加载页面。 我的代码看起来像这样：

<html>
<body>

    <p id="paragraf">This is an internal paragraf</p>


    Another Example:
    <p id="paragraftest">This is the external js script</p>

    <form>
        <input type="text" name="Submit_test">
        <button id="buttontest">Submit</button> 
    </form>
    <script type="text/javascript" src="jqueryScript/jquery.js"></script>
    <script type="text/javascript" src="jqueryScript/hide.js"></script>
</body>
</html>

使用Javascript：

$('#paragraf').click(function() {
    $('#paragraf').hide();
});

$('#paragraftest').click(function() {
    $('#paragraftest').hide();
});

$('buttontest').submit(function() {
    alert("test");
});

/ *我已经在buttontest和test中尝试使用“”和“，”，但是仍然相同。* /我也尝试过使用此方法，但是仍然相同。

<form>
        <input type="text" name="buttontest">
        <input type="submit" value="">
    </form>

谁能看到为什么什么都没发生？ 最好的问候Mads

Answer 1

缺少id选择器 - buttontest是按钮的id，因此你需要使用id-selector来选择它（前缀为# ）

$('#buttontest').submit(function() {
    alert("test");
});

Answer 2

您应该通过以下方式选择按钮：

$('#buttontest')

您没有使用＃，而当我们使用其ID从DOM中选择元素时，这是必需的。 确定这是一个写入错误，因为您在其他选择上正确使用它。

Answer 3

更正此语法：

$('input[name=buttontest]').submit(function() {
    alert("test");
});

为按钮使用唯一的ID：

$('input#button_id').submit(function() {
    alert("test");
});

Answer 4

提交事件是表单事件，您尝试将其绑定到按钮。

$('form').submit(function() {
    alert("test");
});

通常，如果您要提交表单，则应使用专用的onsubmit表单事件， 而不是 click任何按钮上的事件。

Answer 5

它现在适用于此代码：

<form id="form">
        <input type="text" name="buttontest">
        <input type="submit" value="submit"> 
    </form>
    <form id="form_1">
        <input type="text" name="buttontest">
        <input type="submit" value="submit"> 
    </form>

使用Javascript：

$('#form').submit(function() {
    alert("test");
});

$('#form_1').submit(function() {
    alert("test");
});

JQuery没有处理提交按钮

问题描述

5 个解决方案

解决方案1
5 2014-02-21 11:00:11

解决方案2
1 2014-02-21 11:00:55

解决方案3
1 已采纳 2014-02-21 11:01:57

解决方案4
0 2014-02-21 11:02:28

解决方案5
0 2014-02-21 11:09:58

JQuery没有处理提交按钮

问题描述

5 个解决方案

解决方案1 5 2014-02-21 11:00:11

解决方案2 1 2014-02-21 11:00:55

解决方案3 1 已采纳 2014-02-21 11:01:57

解决方案4 0 2014-02-21 11:02:28

解决方案5 0 2014-02-21 11:09:58

解决方案1
5 2014-02-21 11:00:11

解决方案2
1 2014-02-21 11:00:55

解决方案3
1 已采纳 2014-02-21 11:01:57

解决方案4
0 2014-02-21 11:02:28

解决方案5
0 2014-02-21 11:09:58