Question

我正在尝试学习一些JQuery。我正在使用外部js来编写我的代码。当我调用2段函数时它工作正常，但是当我调用提交按钮时它只是再次加载页面。我的代码如下所示：

<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");
});

/ *我在按钮测试和测试中试过“”和“”，但仍然是相同的* / 我也试过这个，但它仍然是一样的。

<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 个答案: