如何自动验证文本框值

时间:2015-01-19 07:40:14

标签: javascript c# jquery asp.net time

我在diaolog框中有文本框,ID = txtTime在文件.aspx中,我有文件.js

我想在txtTime和当前时间比较用户的输入。 如果txtTime< =当前时间然后显示某些内容(警报或任何内容),则说明用户为假。

首先,如何在.js文件上调用txtTime值?

第二,我需要在文件.js中从字符串转换为时间,因为我在.js中的对话框代码(我使用jQuery UI进行对话)

那么,如何使用javascript从字符串转换为时间? 这是我的文本框元素细节。

<input type="text" style="width: 70px;" id="txtTime" />

以上是我在.aspx上的代码。值就像(我使用Time picker jQuery)

  

晚上10:15

如果需要有关我的时间选择器的信息,我使用jQuery time picker from here选项号2

1 个答案:

答案 0 :(得分:0)

要转换字符串,您可以使用以下内容:

var pikedTime = "12:50";
var timeArray = pikedTime.split(":");
var now = new Date();
now.setHours(timeArray[0]);
now.setMinutes(timeArray[1]);
//now is the current date with piked time (12:50)

nowDate objecthttp://www.w3schools.com/js/js_dates.asp

因此,要在代码中实现,您可以使用onSelect回调:

$('#timepicker').timepicker({
    onSelect : function(timePiked){
       var now = new Date(),
           datePiked = new Date();
        if(timePiked.match(":") !== null){
            timePiked = timePiked.split(":");
            datePiked.setMinutes(timePiked[1]);
            datePiked.setHours(timePiked[0])
            console.log(datePiked > now); //if true piked date is higher than current date
            // datePiked is the time you have piked from input
            // "now" is the current time (calculated every time you change data inside form)
        }
    }
});

另一种方法是设置minTime以防止选择低于电流的时间:

var now = new Date();
$('#timepicker').timepicker({
    minTime : {
        hour: now.getHours(),
        minute : now.getMinutes()
    }
});

在标签2(“使用情况”)上观看文档:{​​{3}}。

  1. property onSelect
  2. property minTime
  3. (minTime是示例数 14