jQuery输入数字将波斯/阿拉伯数字转换为英语数字



我有一个类型为 number 的输入字段。我也想在这个领域接受波斯/阿拉伯数字。我想使用 jQuery 将这些数字转换为英语,但似乎我无法检索这些值。

jQuery('input[type="number"]').on('input', function() {
    console.log(jQuery(this).val());
});

对于非英语数字val()为空字符串。如果数字输入字段的值不是英文数字,有什么方法可以获取该值?

更新:

Persian numbers: ۰ ۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹
English numbers: 0 1 2 3 4 5 6 7 8 9

UPDATE2:

看起来Firefox返回了正确的val但Chrome返回了空字符串。所以我的问题适用于谷歌浏览器。

您可以使用此函数:

function toEnglishNumber(strNum) {
        var pn = ["۰", "۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹"];
        var en = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
        var an = ["٠", "١", "٢", "٣", "٤", "٥", "٦", "٧", "٨", "٩"];
        var cache = strNum;
        for (var i = 0; i < 10; i++) {
            var regex_fa = new RegExp(pn[i], 'g');
            var regex_ar = new RegExp(an[i], 'g');
            cache = cache.replace(regex_fa, en[i]);
            cache = cache.replace(regex_ar, en[i]);
        }
        return cache;
    }

我发现这个要点提供了解决此问题的良好解决方案。

将此函数添加到您的 JavaScript 代码中:

String.prototype.toEnDigit = function() {
    return this.replace(/[u06F0-u06F9]+/g, function(digit) {
        var ret = '';
        for (var i = 0, len = digit.length; i < len; i++) {
            ret += String.fromCharCode(digit.charCodeAt(i) - 1728);
        }
        return ret;
    });
};

你可以这样使用:

jQuery('input[type="number"]').on('input', function() {
    var value = jQuery(this).val();
    console.log(value.toEnDigit());
});

您可以使用此jQuery函数以最佳性能执行此操作:

function toEnNumber(inputNumber2) {
    if (inputNumber2 == undefined) return '';
    var str = $.trim(inputNumber2.toString());
    if (str == "") return "";
    str = str.replace(/۰/g, '0');
    str = str.replace(/۱/g, '1');
    str = str.replace(/۲/g, '2');
    str = str.replace(/۳/g, '3');
    str = str.replace(/۴/g, '4');
    str = str.replace(/۵/g, '5');
    str = str.replace(/۶/g, '6');
    str = str.replace(/۷/g, '7');
    str = str.replace(/۸/g, '8');
    str = str.replace(/۹/g, '9');
    return str;
}

你只需要向这个函数传递一个字符串,然后得到你预期的结果。

试试这个

function PersianToNum(persiannumstr) {
    var num=0, c;
    for(var i=0; i < persiannumstr.length; i++)
        c = persiannumstr.charCodeAt(i);
        num += c-1776;
        num *= 10;
    }
    return num/10;
}

let persianNumbers = ["۰","۱", "۲", "۳", "۴", "۵", "۶", "۷", "۸", "۹", ]
let res="";
let cx=""
let counter=0;
function myFunction(){
let c = document.getElementById("myInput").value;
let myArray  = c.split("")
for(var i=0;i<persianNumbers.length;i++)
{
    for(var j=0;j<=persianNumbers.length;j++)
    {
   
    if(myArray[i]==j)
    {
     
      res =   persianNumbers[j]
        console.log("persian",persianNumbers[j])
   
    }
   
    }
   
}
cx=cx.concat(res)
console.log("final value",cx)
}
 <div class="input-group mb-3">
            <input type="number" class="form-control"  id="myInput" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1" oninput="myFunction()">
          </div>
          

最新更新