jquery - iPhone - 英語以外の数字による入力フィールドの問題

Question

数字の入力があります。ユーザーが数字を書き込むと、背景が緑に変わります。英語の文字では問題なく動作しますが、ペルシャ数字などを書いても何も起こりません。フォーム送信時に別の検証があり、数値フィールドに英語以外の文字がある場合、数値フィールドが空として検出されます。

Windows ブラウザーでは、これらのフィールドにペルシャ数字を貼り付けることができません。また、Android デバイスでは、数字の英語キーボードのみが表示されるため、ユーザーはペルシャ文字を入力できません。問題はiPhoneユーザーのみです。彼らはペルシア語を書くことができますが、検証ではフィールドが空に見えます。

$(document).ready(function(){
  $(document).on("change input paste keyup",'.mandatory',function(e){
      if ($(this).val()){
	   $(this).css({"background-color":"#b3d9b5"});
	}
	else{
	   $(this).css({"background-color":""});
	}
  })
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number" class="mandatory">