jQuery 输入掩码允许保留占位符文本答案

【问题标题】：jQuery inputmask allowing placeholder text to remainjQuery 输入掩码允许保留占位符文本
【发布时间】：2013-12-21 01:00:59
【问题描述】：

我正在使用来自https://github.com/RobinHerbots/jquery.inputmask 的输入掩码，并将掩码应用于所有具有“日期”类的文本框。我遇到的问题是，如果用户将占位符中的一个或多个字母留在原处，它将被接受。例如，用户输入 10，但随后单击该字段，该字段留下 10/dd/yyyy。我怎样才能阻止这种行为？我想阻止用户在看起来像这样时离开该字段。

这是遮罩的 jQuery：

$('.date').inputmask("mm/dd/yyyy", { "placeholder": "mm/dd/yyyy" })

【问题讨论】：

标签： javascript jquery

【解决方案1】：

您可以使用onincomplete 事件在未完成时清除输入

$('.date').inputmask("mm/dd/yyyy", {
  "placeholder": "mm/dd/yyyy",
  onincomplete: function() {
    $(this).val('');
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://rawgithub.com/RobinHerbots/jquery.inputmask/2.x/dist/jquery.inputmask.bundle.js"></script>

<input type="text" class="date" />

【讨论】：