javascript - 如何正确向文本区域添加双引号

Question

我需要一个文本区域在文本区域值的开头和结尾处包含一组双引号。以下代码的工作原理是将双引号添加到字段的开头和结尾，但如果用户输入文本然后返回到该字段，则可以添加多个双引号集。我怎样才能防止这种情况发生？ jQuery 解决方案也是可以接受的。

<textarea name="quoteName" id="quoteName" style="width:100%" rows="4" onChange="quotes();" autofocus></textarea>

function quotes(){
  var quoteValueBefore = document.getElementById("quoteName").value;
  var ensureQuotes = "\"" + quoteValueBefore + "\"";
  document.getElementById("quoteName").value = ensureQuotes;
}

Answer 1

检查文本是否已以引号开头，是否已以引号结尾。如果缺少其中一个，请添加它。

还要检查长度 >= 2，否则 " 将通过测试(以引号结尾？检查。以引号开头？检查。)

function quotes() {
  var quoteValue = document.getElementById("quoteName").value;

  if (!quoteValue.match(/^"/))
    quoteValue = '"' + quoteValue;

  if (!quoteValue.match(/"$/))
    quoteValue += '"';

  if (quoteValue.length < 2)
    quoteValue += '"';

  document.getElementById("quoteName").value = quoteValue;
}

<textarea name="quoteName" id="quoteName" style="width:100%" rows="4" onChange="quotes();" autofocus></textarea>