HTML
<form name="myForm" id="myForm" onsubmit="return validate();" action="<?php echo $_SERVER['PHP_SELF']?>">
<input type="text" name="name" id="name">
<textarea name="details" id="details"></textarea>
<input type="submit">
</form>
Javascript
function validate()
{
if(document.getElementById('details').value == '')
{
alert("Please Provide Details!");
document.getElementById('details').focus();
return false;
}
else if(document.getElementById('name').value == '')
{
alert("Please Provide Name!");
document.getElementById('name').focus();
return false;
}
else
return true;
}
或者
function validate()
{
if(document.myForm.details.value == '')
{
alert("Please Provide Details!");
document.myForm.details.focus();
return false;
}
else if(document.myForm.name.value == '')
{
alert("Please Provide Name!");
document.myForm.name.focus();
return false;
}
else
return true;
}
我已经看过以前 Stack Overflow 的代码,但是当我使用这些代码时,它不起作用。有人会帮助解决使用Javascript而不是jquery检查Textarea上的空值吗?
我用过的引用
how to check the textarea content is blank using javascript?
和
How to check if a Textarea is empty in Javascript or Jquery?
最佳答案
我认为您的文本区域可能存在空间问题。使用 trim 功能来减少它。这是下面的示例。我希望它可以解决你的问题。
JavaScript 添加这个函数
function trimfield(str)
{
return str.replace(/^\s+|\s+$/g,'');
}
还有你的 JavaScript 函数
function validate()
{
var obj1 = document.getElementById('details');
var obj2 = document.getElementById('name');
if(trimfield(obj1.value) == '')
{
alert("Please Provide Details!");
obj1.focus();
return false;
}
else if(trimfield(obj2.value) == '')
{
alert("Please Provide Name!");
obj2.focus();
return false;
}
else
return true;
}
或者
function validate()
{
var obj1 = document.myForm.details;
var obj2 = document.myForm.name;
if(trimfield(obj1.value) == '')
{
alert("Please Provide Details!");
obj1.focus();
return false;
}
else if(trimfield(obj2.value) == '')
{
alert("Please Provide Name!");
obj2.focus();
return false;
}
else
return true;
}
以及带有 PHP 的 HTML
<form name="myForm" id="myForm" onsubmit="return validate();" action="<?php echo $_SERVER['PHP_SELF']?>">
<input type="text" name="name" id="name">
<textarea name="details" id="details"></textarea>
<input type="submit">
</form>
关于javascript - Textarea 空检查,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10849421/