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;
}
OR
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?
答案 0 :(得分:7)
我认为你的textarea可能有空间问题。使用修剪功能来减少这种情况。以下是示例。我希望它可以解决你的问题。
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;
}
OR
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>
答案 1 :(得分:0)
您可以使用以下jQuery来逃脱空格。
<div class="item1" id="1">
<h2>1</h2>
</div>
<div class="item2" id="2">
<h2>2</h2>
</div>
<div class="item3" id="3">
<h2>3</h2>
</div>
<div class="item4" id="4">
<h2>4</h2>
</div>
<div class="item5" id="5">
<h2>5</h2>
</div>
<div class="item6" id="6">
<h2>6</h2>
</div>