jquery-mobile - 如何防止用户在年份区域中输入超过 4 位数字

Question

我正在研究 JQuery Mobile Datebox，有些东西我无法修复。如果用户在年份区域键入一些奇怪的输入，例如1988123，日期框会变得疯狂并更改日期值“未定义，未定义 NaN，NaN”。

我尝试从 Datebox 中获取唯一年份值，但日、月或年区域没有 id 字段。所以我无法得到任何解决方案。有谁能够帮我？

Answer 1

最后我确实找到了解决方案。如您所知，JQuery Mobile Datebox 有一些数据选项。我找到了一个选项“maxYear”。

<input  name="tarih1" id="tarih1"  type="date" data-role="datebox" data-options='{"mode": "datebox", "maxYear":"3000"}' placeholder="GG.AA.YYYY">

使用此解决方案，用户无法选择超过 4 位的年份。（您可以将 3000 更改为另一个 4 位数的年份。但不要忘记，如果您选择例如 1999，用户不能选择大于 1999）

Answer 2

尝试 HTML5 模式：

<form
onsubmit="alert('Submitted.');return false;">
    <input
    type="text"
    required=""
    pattern="(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))"
    value=""
    name="dates_pattern2"
    id="dates_pattern2"
    list="dates_pattern2_datalist"
    placeholder="Try it out.">
    <input
    type="submit"
    value="»">
    <datalist
    id="dates_pattern2_datalist"></datalist>
</form>