2

我是Javascript编程新手,我正在尝试验证<input>从外部Javascript文件获取的日历片段中输入的日期。我正在尝试验证日期以检查用户是否输入了过去的日期。如果输入的日期是过去的日期,那么我需要打印一条警告消息以输入未来期间的有效日期。

我接受以下HTML代码中的输入日期字段:

<input size="12" id="inputField" name="inputField"  autofocus="" type="date"     oninput="return dateValidate(inputField)"/>

我验证输入日期的 Javascript 函数是:

<script type="text/javascript">
function dateValidate(inputField)
{

 var v2 = document.getElementById('inputField');
 var pickeddate = new Date(v2.Value);
 todayDate = new Date();
 if(pickeddate > todayDate){
    return true;
 } else {
    alert("Enter a valid Date");
 }
}

但是这段代码似乎不起作用。<input>当我在字段中输入过去的日期并跳出时,我希望运行这个 Javascript 函数。我想在字段中输入日期时验证日期,而不是在提交表单时验证日期。

4

2 回答 2

4

它不起作用,因为您的代码中存在问题,只需替换它:

var pickeddate = new Date(v2.Value);

有了这个:

var pickeddate = new Date(v2.value);   // 'value' should be in lower case

因为,它不正确,所以pickeddate总是undefined和代码不起作用。

于 2013-04-20T18:48:32.757 回答
2

你可以试试这个

HTML

<input size="12" id="inputField" name="inputField"  autofocus="" type="date"     onblur="return dateValidate(this)"/>

JS

function dateValidate(inputField)
{
    var pickeddate =  new Date(inputField.value);
    var todayDate =  new Date();
    if( pickeddate > todayDate )
    {
       return true;
    }
    else
    {
        alert("Enter a valid Date");
    } 
}

演示。

于 2013-04-20T19:04:33.947 回答