jQuery inputmask allowing placeholder text to remain

Question

I am using the inputmask from https://github.com/RobinHerbots/jquery.inputmask and applying the mask to all textboxes with class "date". The problem I am having is that if the user leaves one or more of the letters from the placeholder in place, it will be accepted. For example, the user enter 10 but then clicks out of the field and the field is left with 10/dd/yyyy. How can I stop this behavior? I want to prevent the user from leaving the field when it looks like this.

here is the jQuery for the mask:

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

Answer 1

you could use the onincomplete event to clear the input when ever is not complete

$('.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" />