如何自动验证文本框值

How to Auto validation textbox value

本文关键字：文本 验证 何自动      更新时间：2023-09-26

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

我想比较用户在 txtTime 和当前时间上的输入。如果 txtTime <= 当前时间，则显示向用户显示 false 的内容（警报或任何内容）。

首先，如何在.js文件上调用txtTime值？

其次，我需要在文件.js中从字符串转换为时间，因为我的对话框代码.js（我使用 jQuery UI 进行对话框）

那么，如何使用 javascript 从字符串转换为时间？这是我的文本框元素详细信息。

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

以上是我在.aspx上的代码，值就像（我使用时间选择器jQuery）

下午10：15

如果需要有关我的时间选择器的信息，我从这里选项 2 使用 jQuery 时间选择器

要转换字符串，您可以使用如下所示的内容：

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)

now是Date object：http://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以防止选择低于 curet 的时间：

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

观看文档：选项卡 2 上的 https://fgelinas.com/code/timepicker/（"用法"）。

  1. 属性onSelect
  2. 属性minTime

（minTime 是示例编号 14）

相关文章：