使用 JQuery 编写时，变音符号在 Web 应用程序中无法正确呈现

Question

我有一个正在本地化的 MVC 4 应用程序。所有内置资源和 Model 属性内容都显示正常，但在我本地化为 JQuery 编写的内容时，编码出现错误。这是事物如何呈现的示例，请注意红色框......它们应该是同一个单词。

问题似乎与我的视图中的以下代码行有关：

$("#FirstName").Watermark("@Resources.ApplicantGivenNameWatermark");

这个JQuery本质上接受一个字符串，然后在没有提供其他值时将其写入输入。以下是该代码的摘要：

$.fn.Watermark = function (text) {
    return this.each(
        function () {
            var input = $(this);
            map[map.length] = { text: text, obj: input };

            //Similar removal process lies here, this one also removes the style

            function insertMessage() {
                if (input.val().length == 0 || input.val() == text) {
                    input.val(text);
                    input.addClass("watermark");
                } else
                    input.removeClass("watermark")
            }

            input.focus(clearMessage);
            input.blur(insertMessage);
            input.change(insertMessage);

            insertMessage();
        }
    );
};

任何有关如何解决此问题的想法将不胜感激。附带说明一下，我已经能够在各种浏览器中可靠地重新创建它。

Answer 1

尝试将其放在函数的开头：

text=$('<span>'+text+'</span>').text();

Answer 2

问题是 Razor 是为输出 HTML 而构建的，而不是 Javascript。默认情况下，它将使用 HTML 实体对所有字符串进行编码 - 这不适用于 Javascript 字符串。

您可以使用@Html.Raw(Model.YourString)，但这会给您带来其他问题，例如不转义引号等（标准 Razor 输出会这样做）因“意外”）。

如果您使用的是 .NET 4.0/MVC 3，则可以使用 AjaxHelper 的 JavaScriptStringEncode，它返回一个 IHtmlString（意味着 Razor 不会对其进行实体编码），但也会正确的 Javascript 特定转义（包括源字符串中的换行符，标准 Razor 编码不会“修复”）：（

$("#FirstName").Watermark(
   "@Ajax.JavaScriptStringEncode(Resources.ApplicantGivenNameWatermark")");

是的，它变成了冗长...但确实具有从根本上解决问题的优点，而不是通过 jQuery 解决它 - 您当然可以创建一个名为 JavaScriptStringEncode 的助手

。也是 HttpUtility 上的静态方法 - 从自定义帮助器中调用比创建 AjaxHelper 实例更容易，但请注意，与 AjaxHelper 不同，该方法在HttpUtility 返回一个简单的字符串，因此您需要将其包装在 HtmlString 中以避免 HTML 编码。