Adding data input mask

Hi OSTeam:

I have been trying to add a data input mask in telephone field but have not had success. Added to custom script in Yootheme Page Builder.

Have tried to add to #phone using this:
$(":input").inputmask();
$("#phone").inputmask({ mask: "(999) 999-9999" });
and
$('input[name="phone-number"]').mask('(000) 000 0000');
for the "name" attribute. 
And some other options.  Is it possible or can you guide me please.
Thank you.
 

Hi,
You can open tool: "Custom Fields management" at Backend of Joom Donation, and open field: "Phone" for modifying.
In field modification form, you can enter value for "Place holder" text. Therefore, you won't need to add any CSS inputmask for that field
Thanks
Dam

Thank you Dam:

I understand that.  I was hoping to get this behavior, css-tricks.com/input-masking/
By forcing a format, whether it is for credit cards, phone numbers, etc. I can make it easier for visitor and keep a uniform format. 

Thank you.

Hi,
OK, you can follow below steps to modify your donation form
1. Open file
[root] -> components -> com_jdonation -> view -> donation -> tmpl -> default.php or simpleflow_layout.php
2. Add this at top
and add this at bottom of file <script type="text/javascript">
jQuery(":input").inputmask();
</script>
[/code]
Then, you can add data-inputmask in fields in Donation form like Phone, Credit Card number
Thanks
Dam