How to use input mask in Javascript for username & Mac ID

Question

I want to filter username & Mac id from one input field... if the string starts with '00' then put a colon after every two integers & characters & if it starts with alphabets did not put a colon after two characters...

var dynamicMask = new IMask(document.getElementById('user'), {
  mask: [{
      mask: '00:00:00:00:00:00'
    },
    {
      mask: /^\S*@?\S*$/
    }
  ]
})

<script src="https://unpkg.com/imask"></script>
<div class="form-group">
  <label>Username or Mac id</label>
  <input type="text" class="form-control" name="user" id="user" placeholder="Enter ..." />
</div>

Vijay Kumawat · Accepted Answer · 2021-10-27T13:28:32.830

1

You can use combination of 0 and * to mask both numbers and letters

var dynamicMask = new IMask(document.getElementById('user'), {
    mask: [{
      mask: '0*:**:**:**:**:**'
    },
    {
      mask: /^\S*@?\S*$/
    }
  ]
})

<script src="https://unpkg.com/imask"></script>
<div class="form-group">
  <label>Username or Mac id</label>
  <input type="text" class="form-control" name="user" id="user" placeholder="Enter ..." />
</div>

edited Oct 27 '21 at 13:28

answered Oct 27 '21 at 12:38

Vijay Kumawat

873
5
9

problem is that it's working on username..... – Muhammad Yahya Imran Oct 27 '21 at 12:47
if I write alphabets result is in this form 'df:sf:sd:fs:df' – Muhammad Yahya Imran Oct 27 '21 at 13:01
So you want to mask only the numbers? If so, what's the problem in your code? that was working fine in that scenario. – Vijay Kumawat Oct 27 '21 at 13:16
in mac id, there is also alphabets... so in my code when I write alphabets in mac id it removes all colon – Muhammad Yahya Imran Oct 27 '21 at 13:23
I have updated the answer, let me know if that helps – Vijay Kumawat Oct 27 '21 at 13:29
its Working fine ... Thank you – Muhammad Yahya Imran Oct 28 '21 at 04:47
if the username is in integer form so what are the changes in the code? – Muhammad Yahya Imran Nov 08 '21 at 14:01
There is no way to differentiate between id and username if both stats with same type of latter. You have to keep the input separate for both values. – Vijay Kumawat Nov 09 '21 at 06:28
if we identify the mac id with any special character like '@00:5F:56:7B:34:76' we wrote like that in the input field....then code easily understand this is a number or mac id... – Muhammad Yahya Imran Nov 09 '21 at 11:47

How to use input mask in Javascript for username & Mac ID

1 Answers1