How to convert Arabic number to English in input number?

Question

I have input type number and need to convert the numbers from Arabic to English once user trying to write:

My wrong shut:

<input type="number" class="arabicNumbers">

Jquery(js) code:

function toEnglishNumber(strNum) {

   var ar = [
       '٠','١','٢','٣','٤','٥','٦','٧','٨','٩',' ','-','/','|','~','٫'
   ];

   var en = [
       '0','1','2','3','4','5','6','7','8','9','','','','','','.'
   ];

   var cache = strNum;

   for (var i = 0; i < 10; i++) {
       var regex_ar = new RegExp(ar[i], 'g');
       cache = cache.replace(regex_ar, en[i]);
   }
   return cache;
}

$(document).on('keyup', '.arabicNumbers', function() {

   toEnglishNumber($(this).val())

});

Any suggestions or slove?

@YevgenGorbunkov No! in Arabic keyboard we have ١٢٣٤٥٦٧٨٩ I need to convert these numbers into these 134567890 when the keyboard Arabic — , Feb 28 '20 at 13:43

Yosef Tukachinsky · Accepted Answer · 2020-02-28T14:25:21.083

Your replace algorithm itself work. (Although there is more elegant ways, as you can see in the different answers here).

But you have 2 problems:

1 - you take the input value on key up, but since you give the input type="number" - the arabic letters simply not been added to the input value, and you have nothing to replace. so you have to accept type="text" and then remove all non numeric letters (in the same shot with arabic replacement)

(You can also handle keyDown event and preventDefault if the event.key is not on of english or numreric characters, but in this case you will have a problem with ctrl+v that will be rejected)

2 - You return the replacement, but you not put it as the input value. You should do..

function toEnglishNumber(strNum) {
   var ar = '٠١٢٣٤٥٦٧٨٩'.split('');
   var en = '0123456789'.split('');
   strNum = strNum.replace(/[٠١٢٣٤٥٦٧٨٩]/g, x => en[ar.indexOf(x)]);
   strNum = strNum.replace(/[^\d]/g, '');
   return strNum;
}

$(document).on('keyup', '.arabicNumbers', function(e) {
   var val = toEnglishNumber($(this).val())
   $(this).val(val)
});

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

now it converts from English into Arabic I need convert from Arabic into English — , Feb 28 '20 at 14:18
Yeah, of course, I tried! but convert from English into Arabic! — , Feb 28 '20 at 14:24
There's a shorter way to remove non-digit characters: simply use `/\D/g` instead of `/[^\d]/g`. Also, if conciseness, matters at all, you could chain `.replace()`'s. Besides, if you'll need to scale the dictionary, hardcoding that inside `.replace()` doesn't seem to be good idea. You'd be much better off binding dictionary to replaced pattern (you may refer [my answer](https://stackoverflow.com/a/60453132/11299053) for example). — Yevhen Horbunkov, Feb 28 '20 at 15:41

Yevhen Horbunkov · Answer 2 · 2020-02-28T13:58:04.383

1

I'm not quite sure about extra (non-numeric) characters purpose inside your dictionary, however, extending the following logic for arbitrary dictionary is not difficult:

const ar = [...'٠١٢٣٤٥٦٧٨٩'],
      en = [...'0123456789'],
      arToEn = s => s.replace(new RegExp(`[${ar.join('')}]`,'g'), m => en[ar.indexOf(m)])
      
console.log(arToEn('٢٣٤٥'))

edited Feb 28 '20 at 13:58

answered Feb 28 '20 at 13:51

Yevhen Horbunkov

14,965
3
20
42

palaѕн · Answer 3 · 2020-02-28T14:05:48.847

1

You can do this using Unicode character and hexadecimal offsets like:

function toEnglishNumber(x) {
  return x.replace(/[\u0660-\u0669\u06f0-\u06f9]/g, c => c.charCodeAt(0) & 0xf);
}
console.log(toEnglishNumber('٠١٢٣٤٥٦٧٨٩'));

edited Feb 28 '20 at 14:05

answered Feb 28 '20 at 13:55

palaѕн

72,112
17
116
136

score 0 · Answer 4 · answered Feb 28 '20 at 13:50

function replaceBulk( str, findArray, replaceArray ){
      var i, regex = [], map = {}; 
      for( i=0; i<findArray.length; i++ ){ 
        regex.push( findArray[i].replace(/([-[\]{}()*+?.\\^$|#,])/g,'\\$1') );
        map[findArray[i]] = replaceArray[i]; 
      }
      regex = regex.join('|');
      str = str.replace( new RegExp( regex, 'g' ), function(matched){
        return map[matched];
      });
      return str;
    }

    // Test:
    console.log( replaceBulk( "٦١", [
       '٠','١','٢','٣','٤','٥','٦','٧','٨','٩',' ','-','/','|','~','٫'
   ], [
       '0','1','2','3','4','5','6','7','8','9','','','','','','.'
   ] ) );

Reference : Replace multiple strings at once

score 0 · Answer 5 · edited May 23 '22 at 10:14

0

Intl.NumberFormat('ar').format("123456789")
> "١٢٣٬٤٥٦٬٧٨٩"

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat

edited May 23 '22 at 10:14

Feuda

2,335
30
28

answered May 18 '22 at 12:11

pasha mih

1

1

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community May 19 '22 at 02:02

How to convert Arabic number to English in input number?

5 Answers5