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">