Question

我一直在进行一些搜索，我发现的大部分内容与html <input type="submit">按钮相关，或者通过ID标记连接到按钮。我要做的是根据<button>标记附加到每个html5 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;});

希望它对你有所帮助......

观看HTML按钮的jQuery点击事件（不输入）

2 个答案: