Question

我是一个jquery菜鸟。那就是我开始学习jquery。作为练习，我在单击按钮时尝试发出警报，但脚本没有执行所需的功能。这个例子有什么问题？

<html>
<head>
<script>
$(function () {
    $('#ResetButton').submit(function () {
        alert('Hello');
    })
});
</script>
</head>
<body>
    <input type="submit" value="Reset" name="ResetButton"  id="ResetButton" />
</body>
</html>

Answer 1

因此，submit更适用于提交的表单，如果您想跟踪输入按钮的点击事件，可以将submit更改为click。另一个选项是将表单元素包装在表单元素中，然后将submit的选择器更改为表单ID，如本例所示。

<强> HTML

<form id="formId">
<input type="submit" value="Reset" name="ResetButton"  id="ResetButton" />
</form>

<强>的javascript

$(function () {
    $('#formId').submit(function () {
        alert('Hello');
    })
});

http://jsfiddle.net/ngwed77z/

Answer 2

$(function () {
    $('#ResetButton').click(function () {
        alert('Hello');
    })
});

每当您单击ID为“ResetButton”的标记时，jquery将执行该功能。

如果你想提交提交方式，那么你可能需要制作表格。

<form id="theForm">
    <input type="submit" name="submit" value="test">
</form>

<script type="text/javascript">
    $('#theForm').submit(function(){
        // Your code
    });
</script>

在这种情况下，您需要选择表单而不是按钮。

jquery警报窗口不起作用

2 个答案: