JavaScript的文本框验证

Question

我有一个文本框，在JSP页面中

<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> 

这样

?????

Answer 1

你只需在Blur上调用这个函数来检查tex-tbox是空的还是有价值的事件。

function nullcheck() 
    { 
    if(document.getElementById(fcDate).value=="") 
    { 
     alert("Please enter value."); 
     return false; 
    } 
    } 

onblur =“nullcheck（）” - 将其添加到文本框属性中。

所有最好的！

Answer 2

if (document.getElementById("customer.fcDate").value == "") { 
    // BAD! 
} else { 
    // GOOD! 
} 

Answer 3

如果你想要一个简单的方法，请尝试使用jquery验证。

这里是一个很好的：http://demos.usejquery.com/ketchup-plugin/validation.html

如果你只需要简单的JS，只是检查输入框的值具有> 1

Answer 4

长在你的验证功能，你会使用这样的：

var fcDateInput = document.getElementById('customer.fcDate'); 
if (fcDateInput == null || fcDateInput.value.length < 1) { 
    alert("You should select a valid date"); 
} else { 
    // everything goes right... 
}