Question

这是代码示例： HTML：

 <form id="information" name="information" action="#" method="post"> 
 <textarea name="text" rows="10" cols="10"> 
 </textarea> 
 <input type="submit" value="submit"/> 
 </form>

Javascript：

 window.onload=init;

 function init(){
 document.getElementById('information').onsubmit=validateForm;
 }

 function validateForm(){ 
 var text= document.information.text.value; 
 if(text==""){ 
 alert('text area cannot be empty');
 return false;
 } 
 }

它不起作用......

Answer 1

您的textarea中有回车符 - 因此其值为\n或\r\n
在同一行关闭你的标签

编辑：
您可以使用此函数删除开头和结尾空白

function trim( str ) {
    return str.replace( /^\s+|\s+$/g, '' );
}

Answer 2

textarea里面有一个回车（和一个空格），所以你的情况永远不会成真。所以改成它：

<textarea name="text" rows="10" cols="10"></textarea>

但是你可能想要进一步阻止用户输入“空”响应（意味着只有空格）。或者您可能只想删除前导和尾随空格。如果是这样，你可以这样做：

text = text.trim();

现在trim()我认为相对较新（Firefox将其列为3.5中的新内容）。更向后兼容的版本是：

text = text..replace(/^\s\s*/, '').replace(/\s\s*$/, '');

然后测试它是否为空。

Faster JavaScript Trim对各种白色空间修剪方案进行了很好的分析。例如，上面的一个正则表达式可以完成：

text = text..replace(/^\s+|\s+$/g, '');

但

这种常见的方法是容易最常用的今天的JavaScript库。它是通常是最快的实施只有在使用时不包括的短字符串领先或尾随空格。这个小的优势部分是由于初始性格歧视它会触发优化。虽然这个是一个相对不错的表演者，它是比上面三种方法慢使用较长的琴弦时，因为顶级交替防止了许多优化否则可能会开始。

Answer 3

这对我有用：

function validateForm(){
  var text = document.information.text.value;
  if(text == " \n "){
    alert("Error");
    return false;
  }
}

Textarea验证不起作用Javascript

3 个答案: