正在观看 jQuery 单击 HTML 按钮的事件（未输入）

Question

我一直在进行一些搜索，我发现的大部分内容都与 html <input type="submit"> 按钮或通过 ID 标签连接到按钮有关。我想做的是附加到每个 html5 <button> 基于 NAME 标签。我已经尝试了以下方法，但是当单击按钮时它会提交并且我在提交之前没有收到任何警报。

$("button[name=Submit]").click(function ()
{
    var error;

    alert("test1");

    if ($("#SelectedProjectCodes").val() == "") { alert("test"); }

    return false;
});

也试过

$("input[name=Submit]").click(function ()
{
    var error;

    alert("test1");

    if ($("#SelectedProjectCodes").val() == "") { alert("test"); }

    return false;
});

这是提交按钮之一的 HTML：

<button formnovalidate="formnovalidate" type="submit" name="Submit" value="Add Time">Add Time</button>

那么我应该如何附加到所有 html5 个按钮？

注意：外部文件中的 JS 具有大约十几个其他功能，它们都可以正常工作，所以我知道 JS 文件正在正确加载并正常工作。所有代码都在 $(document).ready(function ()

Answer 1

您需要防止默认行为：

$("button[name=Submit]").click(function(event) {
    event.preventDefault();
    // other code
});

Answer 2

你必须像下面这样把id放在按钮里

<button formnovalidate="formnovalidate" id="id1" type="submit" name="Submit" value="Add Time">Add Time</button>

还有你 jquery 像这样的代码（通过按钮 ID 调用）

$( "#id1" ).click(function() {
  var error;

alert("test1");

if ($("#SelectedProjectCodes").val() == "") { alert("test"); }

return false;});

希望对你有所帮助...

正在观看 jQuery 单击 HTML 按钮的事件（未输入）

Watching jQuery click event for HTML button (not input)

html

jquery-2.0