Validation not support on custom html mobile no field

Hello Team, 

We want to add jquery validation in custom html mobile no field . but this code is not support on browser and mobile application. 

code:-

<div class="form-group">

<input id="phone" class="form-control input-lg" name="phone" required="" style="margin:10px 10px 10px 0px;" maxlength="15" minlength="10"  onkeypress="return isNumber(event)"  type="text"  placeholder="OTP Phone No." />

<script type="text/javascript">

function isNumber(evt) {

  evt = (evt) ? evt : window.event;

  var charCode = (evt.which) ? evt.which : evt.keyCode;

  if (charCode > 31 && (charCode < 48 || charCode > 57)) {

alert("Please enter only Numbers.");

return false;

  }

  return true;

}

      </script> 

Looking forward to your reply,

Thanks!

</div>

In Dermatologist theme options which you can access through >> wp-admin >> appearance >> theme options you can add your javaScript code there. But if that's not working out for you, then you can use Add JavaScript WordPress plugin https://wordpress.org/plugins/custom-css-js/

If code is not working that is not part of the support please hire some developer who can troubleshoot and make this code working for you thanks.

Hello Ateeq, If code is not working it does not mean there are problems in code. Same code is working fine on other layouts. Also if especially, I have faced so many problems with this theme it means there is something which is stopping me to do. You guys have created this, you provide support then you need to solve this why it is only not working here. 

If I had to hire an especially perfect developer for it then I sure I didn't choose a theme for it. So Now check what is the problem with the theme, why codes are not supporting, please.

Thanks!

Please go to wp-admin >> Appearance >> Themes and select Twenty Nineteen, if your code works with Twenty nineteen and not with our theme then you can say something is wrong with our theme. Otherwise its related to your code and the way you are integrating the code. As this code is not part of our theme or our support so we are not liable to provide support on these things. We provided you complete support which relates to support. And if you are now blaming us or our theme that is not fair thing thanks. 

It is working all where also as you asked(wp-admin >> Appearance >> Themes and select Twenty Nineteen) to check on WordPress theme, I did it is working fine here too. Only the problem is coming in Mobile devices where number validations are not working any person can type text too.

please check the link - https://www.igraftglobalhairservices.com/igraft-computerized-hair-check/

click on request callback then open the modal and check mobile field in mobile view.

Thanks in advance!

This is not related to our theme the code you are using is not supported on various mobile browsers. OnKeyPress event of Javascript does not work on various fields. 

Instead of using JavaScript event in your input field try to use jQuery 

Try keyup will help you

var counter = 0;        
$('input').on('keyup', function () {
    $('div').text('key up ' + ++counter);
});

This can help you for further information you can find details on this thread any other questions related to this issue would not be answered thanks. 

https://stackoverflow.com/questions/21055270/javascript-keypress-event-not-raised-on-android-browser