jquery - JQuery 选择器：选择提交按钮而不是关闭按钮

Question

javascript:

<script>
$('#submit').click(function () {
$("p").show("slow");
});
</script>

尝试二：

<script>
$("input[type='submit']").click(function () {
$("p").show("slow");
});
</script>

html:

<form>
username:<br>
<input type="text" name="un"><br>
password:<br>
<input type="password" name="pw"><br>
<input type="checkbox" name="pw">
remember me<br>
<p><a href="recover.php">recover password</a></p>
<p><input type="submit" value="Submit" id="submit"></p>
<p style="display: none; color:cc0000">Authentication failed.</p>
<p><button onclick="window.top.hidePopWin()">Close</button></p>
</form>

我在这里的选择器上弄乱了我的语法吗？提交按钮似乎没有使用任何一种方法显示隐藏的消息..

Answer 1

return false;您需要通过添加到 click 函数的末尾以及 onclick 按钮函数的末尾来防止提交表单，因为它也像您设置它的方式一样充当提交按钮。

所以，像这样：

<script>
$('#submit').click(function () {
    $("p").show("slow");
    return false;
});
</script>

在这里查看它的实际应用。