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