在参数列表之后的JavaScript - 未捕获的SyntaxError:missing)

时间:2017-01-25 20:23:36

标签: javascript asp.net-mvc razor

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

我收到的错误消息是:

  参数列表

之后的

Uncaught SyntaxError:missing)

这是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();
    }

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

1 个答案:

答案 0 :(得分:3)

看起来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);
    }