textarea文本中的引号会干扰代码

Question

我有一个HTML文本区域，带有一段文字。然后我有一个jQuery函数，它查看文本区域并将其与函数中定义的段落进行比较。如果两个段落相同，则文本区域框将背景颜色更改为绿色，否则为红色。但问题是，在jQuery函数中，段落包含的引号会干扰标识字符串的引号。有办法解决这个问题吗？

Answer 1

你需要使用像正则表达式这样的东西来转义textarea值中的引号，然后将它与转义字符串进行比较：

$(document).ready(function(){
  $('.submit').on('click', function(){
  var text = $('textarea').val().replace(/"/g, """).replace(/'/, "'");
        if (text === "I said, "Hello!"") {
        $('textarea').css('background-color', 'green');
    }
  });
});

https://jsfiddle.net/c3gathkc/