javascript - 使用 Javascript 验证日期输入

Question

我的表单中有一个输入字段日期，并且想添加 Javascript 验证以确保其始终大于今天的日期。我尝试了以下方法，但当用户单击输入字段并进行更改时，该函数似乎没有被调用。

<input type="text" name="InsertRecordGuestOrders_Delivery_date" id="InsertRecordGuestOrders_Delivery_date" value=""/>

<script type="text/javascript">

function validateDate()
{
var del_date = document.getElementById('InsertRecordGuestOrders_Delivery_date').value;

if (Date.parse(del_date) < Date.now()) {
    document.getElementById('InsertRecordGuestOrders_Delivery_date').value = '';
    alert("Delivery date has to be later than today");
    }
}

document.getElementById('InsertRecordGuestOrders_Delivery_date').onChange = validateDate();

</script>

对我做错了什么有什么建议吗？

提前致谢。

Answer 1

您想要将 validateDate 函数分配给 onchange 属性，而不是执行该函数并分配其返回值。更改此:

document.getElementById('...').onChange = validateDate();

对此:

document.getElementById('...').onChange = validateDate;