如何使用javascript验证textarea

Question

我想查看textarea是否为空。 为此我写了以下代码：

function validateForm(theForm) {
    var problem_desc = document.getElementById("problem_desc");

    if (problem_desc.value == '') {
        alert("Please Write Problem Description");
        return false;
    } else {
        return true;
    }
}​

这是第一次工作正常。 但是如果我从textarea中删除文本，则上面的函数返回true值，即，它假定我之前输入文本框的文本。 任何人都可以告诉我问题出在哪里？

Answer 1

我正确地得到它。 这就是我做的。

1. 点击验证，它说Please Write Problem Description 。
2. 写点东西然后点击。 没啥事儿。
3. 删除文字。 点击验证，它说Please Write Problem Description 。

注意：使用trim函数消除空格。

码：

function validateForm(theForm) {
    var problem_desc = document.getElementById("problem_desc");

    if ($.trim(problem_desc.value) == '') {
        alert("Please Write Problem Description");
        return false;
    } else {
        return true;
    }
}

演示： http ： //jsfiddle.net/TZGPM/1/ （也检查空白！）

Answer 2

请检查这样的值中的空格

if (problem_desc.value.match (/\S/)) { ... } 

或其他方式检查长度

 problem_desc.value.length == 0; 

Answer 3

删除空格并计算value属性的长度。

 function validateForm(theForm) { var problem_desc = document.getElementById("problem_desc"); if (problem_desc.value.replace(/ /g,'').length) { return true; } else { alert("Please Write Problem Description"); return false; } } 

 <textarea id="problem_desc"></textarea> <button onclick="validateForm()">Validate</button> 

Answer 4

我会说你更好修剪，然后检查空格的长度。