javascript中的Razor语法不起作用

Question

我正在将webform（DemoView.aspx）中的以下代码转换为razor视图（DemoView.cshtml）

代码：

<script type="text/javascript">
        $(function () {
            $("#listDetails").click(function () { location.href = "<%= Model.ListDetailsUrl %>"; });

            $("#provideDetails").validate({
                rules: {
                    <% bool isFirst=true; foreach (var q in Model.Details) { if (!isFirst) { %>,<% }; isFirst=false; %>
                        "answer-<%= q.SequenceNumber %>": {
                            required: true
                            <% if (q.ValueType == Demo.ValueType.Int) { %>,digits: true<% } %>
                            <% if (q.ValueType == Demo.ValueType.Decimal) { %>,number: true<% } %>
                        }
                    <% } %>
                }
            });
        });
    </script>

但我在转换时遇到错误。

任何人都可以帮我解决问题吗？