CODE EXAMPLE FOR HTML

html5 phone number validation with pattern and custom message

<input type="text" class="form-control" id="packet_name" name="packet_name" pattern="[^/:x22*?<>|]+" oninvalid="setCustomValidity('Invalid character in name:
  / : * ? < >.')" oninput="setCustomValidity('')" maxlength="100" required>