在 jQuery 验证之前更改数字

Question

我可以使用这个函数将arabic号码转换为latin号码：

function toEnglishDigits(str) {

    // convert arabic indic digits [٠١٢٣٤٥٦٧٨٩]
    e = '٠'.charCodeAt(0);
    str = str.replace(/[٠-٩]/g, function(t) {
        return t.charCodeAt(0) - e;
    });
    return str;
}
console.log(toEnglishDigits("abc[0123456789][٠١٢٣٤٥٦٧٨٩]"));

现在我使用这样的 jQuery 验证插件来验证我的表单：

$(document).ready(function() {
    $("#btnConsult").click(function() {
        jQuery.validator.setDefaults({
            errorElement: "div",
            errorPlacement: function(error, element) {
                error.addClass("invalid-feedback");
                element.closest(".form-group").append(error);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass("is-invalid");
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass("is-invalid");
            },
        });
        $("#formConsult").validate({
            rules: {
                phone: {
                    required: true,
                    number: true,
                    minlength: 10,
                    maxlength: 10,
                },
            },
        });
    });
});

现在，我需要在使用 jQuery 验证进行验证之前更改 arabic 数字。因为number 规则不适用于arabic 号码。

如何在验证之前将号码从arabic 更改为latin？！

Answer 1

只需在调用validate() 方法之前将数字从Arabic 转换为Latin。

const phoneField = $('input[name="phone"]');
phoneField.val(toEnglishDigits(phoneField.val()));

$("#formConsult").validate({
  rules: {
    phone: {
       required: true,
       number: true,
       minlength: 10,
       maxlength: 10,
    },
  },
});