Implementing form masking js

Question

To implement form masking I followed this example:

http://html.codedthemes.com/gradient-able/default/form-masking.html

Instead of this:

<input type="text" class="form-control date" data-mask="99/99/9999">

I want to do this:

<input type="text" class="form-control date" data-mask="99.99.9999">

These scripts are involved:

<script src="../files/assets/pages/form-masking/inputmask.js"></script> 
<script src="../files/assets/pages/form-masking/jquery.inputmask.js"></script> 
<script src="../files/assets/pages/form-masking/autoNumeric.js"></script> 
<script src="../files/assets/pages/form-masking/form-mask.js"></script>

I changed form-mask.js to start like this:

'use strict';$(function(){$(".date").inputmask({mask:"99.99.9999"});

But that didnt do it.

Ctznkane525 · Accepted Answer · 2018-01-14 02:11:52Z

1

You can try this.

You have the part correct that gets all the fields with date in it.

Then, you have to change the data-mask attribute. Since its a generic field, we use the jquery function attr for that.

$(".date").attr('data-mask','99.99.9999');

http://api.jquery.com/attr/

answered Jan 14, 2018 at 2:11

Ctznkane525

7,5453 gold badges19 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Implementing form masking js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related