仅当文本字段不为空时才执行循环

Question

根据以下内容，我有一个包含问题列表和文本框的表单，用于从用户那里获取答案。

<form name="myform">
<ul id="Jtest">
<li>Your favourite music?   <textarea rows="2" cols="50" ></textarea></li>
<li>The best holiday you had?   <textarea rows="2" cols="50" ></textarea></li>
<li>Your ideal job? <textarea rows="2" cols="50"></textarea></li>
</ul>
</form> 

<input type="text" /><button onclick="FormSave()">Save</button>

用户完成表单后，我想保存所有问题以及答案 - 除非用户没有回答问题。因此，如果用户没有回答问题，那么我也不想保存问题。 我有下面的代码，除了用于检查文本字段是否为空的参数（x.elements[i].value !== ""）之外，该代码有效。我已经为空字段尝试了一些运算符和组合，但没有成功。

function FormSave() {

var output2 = document.getElementById("Jtest").getElementsByTagName("li");
var output = [];
var x = document.forms[0];
var content = "";
var i;

  for (i = 0; ((i < x.length) && (x.elements[i].value !== "")); i++) {
  content = content + output2[i].textContent + x.elements[i].value + "\r\n"; 
  }

}