JavaScript的文本框验证
问题描述:
我有一个文本框,在JSP页面中JavaScript的文本框验证
<td><label for="customer.fcDate" class="desc"><bean:message key="label.customer.fcDate" /></label></td>
<td>
<table><tbody><tr>
<td><input type="Text" name="customer.fcDate" id="customer.fcDate" style="customer.fcDate" class="SingleLineTextField" maxlength="10" size="15" tabindex="1" ></td>
<td><a href="javascript:NewCal('customer.fcDate','mmddyyyy')"><img align="middle" src="Images/cal.jpg" width="20" height="20" border="0" alt="Pick a date"></a></td>
</tr></tbody></table>
</td>
现在我要检查使用javascript盒子不能为空。怎么做?
你能解释一下吗?
<td> <table>
<tbody><tr>
<td>
<input type="Text" name="customer.fcDate" id="customer.fcDate" style="customer.fcDate" class="SingleLineTextField" maxlength="10" size="15" tabindex="1" onblur="nullcheck()">
</td>
<td><a href="javascript:NewCal('customer.fcDate','mmddyyyy')">
<img align="middle" src="Images/cal.jpg" width="20" height="20" border="0" alt="Pick a date"></a></td> </tr></tbody></table> </td>
这样
?????
答
你只需在Blur上调用这个函数来检查tex-tbox是空的还是有价值的事件。
function nullcheck()
{
if(document.getElementById(fcDate).value=="")
{
alert("Please enter value.");
return false;
}
}
onblur =“nullcheck()” - 将其添加到文本框属性中。
所有最好的!
答
if (document.getElementById("customer.fcDate").value == "") {
// BAD!
} else {
// GOOD!
}
答
如果你想要一个简单的方法,请尝试使用jquery验证。
这里是一个很好的:http://demos.usejquery.com/ketchup-plugin/validation.html
如果你只需要简单的JS,只是检查输入框的值具有> 1
答
长在你的验证功能,你会使用这样的:
var fcDateInput = document.getElementById('customer.fcDate');
if (fcDateInput == null || fcDateInput.value.length < 1) {
alert("You should select a valid date");
} else {
// everything goes right...
}
你能解释一下吗? \t
关于上面的“input type =”Text“name =”customer.fcDate“,你需要整合这个功能。 – Rubyist 2010-11-08 10:46:04