JavaScript - 未捕获的语法错误 : missing ) after argument list

Question

我正在开发 MVC 项目，当我尝试打开 Bootstrap 模式时遇到错误。

我收到的错误消息是:

Uncaught SyntaxError: missing ) after argument list

这是带有 OnClick 调用的按钮:

<button id="btnVenueDelete" onclick="DeleteModal(@item.VenueName, @item.VenueID);" class="btn btn-sm btn-info">Delete</button>

这是 JavaScript 函数:

function DeleteModal(name, id) {
        console.log(Name);
        console.log(ID);

        txtModal.innerText = "Delete" + Name;
        $("#VenueModal").modal();
    }

我认为问题是由于按钮中的某些内容造成的，因为我在开发人员控制台中没有看到控制台日志。

Answer 1

看起来item.VenueName是一些字符串值。在这种情况下，请确保将参数括在引号中。

<button id="btnVenueDelete" 
     onclick="DeleteModal('@item.VenueName', '@item.VenueID');" 
     class="btn btn-sm btn-info">Delete</button>

现在，即使 VenueName 值是一个包含空格的字符串(例如:"Ann Arbor")，您的代码也不会中断

我还假设该方法内的 txtModal 在使用它之前已经在某处定义了。

此外，JavaScript 区分大小写。因此，请确保在变量/参数名称中使用正确的大小写。

    function DeleteModal(name, id) {
        console.log(name);
        console.log(id);
    }