CODEWITHSUNDEEP
javascriptjquery
Jason
Jason

Reputation: 155

jQuery inputmask allowing placeholder text to remain

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" })

Upvotes: 6

Views: 22233

Answers (1)

Juan
Juan

Reputation: 5050

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" />

Upvotes: 12

Related Questions