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检查该框是否必须为null。怎么做？

你可以解释一下吗？

     <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

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

Answer 2

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

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

如果您只需要普通的js，只需检查输入框的值是否长度为＆gt; 1

Answer 3

在验证功能中，您将使用以下内容：

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

Answer 4

您只需在Blur上调用此函数，即可检查文本框是空的还是有值。

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

onblur="nullcheck()" - 将此项添加到文本框属性。

javascript文本框验证

4 个答案: