gpt4 book ai didi

jquery - 使用 Jquery 进行时间验证

转载 作者:行者123 更新时间:2023-12-03 22:24:33 26 4
gpt4 key购买 nike

我正在使用jquery validation plugin验证我的表格。要验证文本输入,我所做的就是在属性中写入 class="required" ,它会为我进行验证。

现在我正在尝试验证用户必须输入时间(例如 02:45:00 AM)的输入,但我正在使用的插件没有任何时间验证功能。所以,我必须为此构建一个自定义验证,但问题是我不了解 Jquery :(

您能告诉我该怎么做吗?

提前致谢

供您引用,我需要将其构建为 12 小时时间格式

最佳答案

您可以使用 jQuery 验证器 addMethod()。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery.Validate/1.6/jQuery.Validate.js" type="text/javascript"></script>
<script type="text/javascript">

$().ready(function() {

$.validator.addMethod("time", function(value, element) {
return this.optional(element) || /^(([0-1]?[0-9])|([2][0-3])):([0-5]?[0-9])(:([0-5]?[0-9]))?$/i.test(value);
}, "Please enter a valid time.");

$("#login").validate({
rules: {
time: "required time",
},

});

});

</script>
</head>
<body>
<form id="login" name="login" method="post" action="#">
<h1>Time Validation</h1><br />
<label for="time">Enter Time</label>
<input id="time" name="time" type="text" value="" tabindex="1" /><br />
<input id="submit" name="submit" type="submit" value="Submit" tabindex="2" />
</form>
</body>
</html>​

这是一个 jsfiddle - http://jsfiddle.net/e2DzT/

我希望这会有所帮助。

关于jquery - 使用 Jquery 进行时间验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7294131/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com