CODE EXAMPLE FOR HTML

cnic pattern on input

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/jquery.inputmask.bundle.js"></script>


    <input type="text"  data-inputmask="'mask': '99999-9999999-9'"  placeholder="XXXXX-XXXXXXX-X"  name="cnic" required="" >

    <input type="text"  data-inputmask="'mask': '0399-99999999'" required=""  type = "number" maxlength = "12" >

   <script>
    $(":input").inputmask();

   </script>