Question

我有一个PHP / HTML页面，它使用了一些javascript和jQuery功能。我几乎没有这些编码语言的经验。

我使用库和工具，所以我会列出那些可以选择为我的问题提供解决方案的人。使用当前库我只需在输入标签的末尾键入“required”，例如input name="end_time" type="text" id="end_time" required

我使用jQuery timepicker，通过选择15分钟间隔的小时和分钟来选择时间。我想要做的是确保开始时间不能大于结束时间。

我已经对javascript / jquery做了一些研究，到目前为止我有：

function validateTime(){
var time_1 = document.getElementById("start_time").value;
var time_2 = document.getElementById("end_time").value;
 if (time_1 > time_2) {
  alert("It appears you chose a start time which is later than your end time.");
 }
}

从理论上说这应该有效，但这种警报很烦人。更不用说它可能会在任何输入被输入到结束时间输入之前运行。我很想知道我是否可以使用一些内置的验证弹出窗口，因为我想避免使用警报。

这些是我引用的jQuery文件：

code.jquery.com/jquery-1.9.1.js

code.jquery.com/ui/1.10.3/jquery-ui.js

以下是默认验证弹出式窗口的示例：http://oi60.tinypic.com/246lxeu.jpg

当谈到javascript时，我是一个完全的业余爱好者，我刚刚发生了这个验证，它对我目前使用它的效果非常好，但是我对哪个文件包含验证和什么没有任何了解有可能使用它。如果可能的话，我很乐意为此目的使用jQuery中包含的验证。

Answer 1

您可以使用oninvalid event，只需指定模式，无论是字母数字，文字还是数字。

<input type="text" pattern="[a-zA-Z]+"
oninvalid="setCustomValidity('Plz enter on Alphabets ')" />

这是更新后的Fiddle

Answer 2

考虑到JS，PHP验证就足够了。

JS / jQuery - 验证HTML文档的开始时间和结束时间

2 个答案: