Member 12693375 Ответов: 3

Как сделать мой ввод текстового поля в качестве арабского языка?


Я хочу сделать свое текстовое поле арабским текстовое поле означает что когда я буду вводить свое имя оно должно быть показано на арабском языке во время ввода текста

Что я уже пробовал:

ничего потому что я понятия не имею

3 Ответов

Рейтинг:
1

omerkamran

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
	<script>
		
var yas;
function arabicValue(txt) {
    yas = txt.value;
yas = yas.replace(/`/g, "ذ");
yas = yas.replace(/0/g, "۰");
yas = yas.replace(/1/g, "۱");
yas = yas.replace(/2/g, "۲");
yas = yas.replace(/3/g, "۳");
yas = yas.replace(/4/g, "٤");
yas = yas.replace(/5/g, "۵");
yas = yas.replace(/6/g, "٦");
yas = yas.replace(/7/g, "۷");
yas = yas.replace(/8/g, "۸");
yas = yas.replace(/9/g, "۹");
yas = yas.replace(/0/g, "۰");
yas  = yas.replace(/q/g, "ض");
yas  = yas.replace(/w/g, "ص");
yas  = yas.replace(/e/g, "ث");
yas  = yas.replace(/r/g, "ق");
yas  = yas.replace(/t/g, "ف"); 
yas  = yas.replace(/y/g, "غ");
yas  = yas.replace(/u/g, "ع");
yas  = yas.replace(/i/g, "ه");
yas  = yas.replace(/o/g, "خ");
yas  = yas.replace(/p/g, "ح");
yas  = yas.replace(/\[/g, "ج");
yas  = yas.replace(/\]/g, "د");
yas  = yas.replace(/a/g, "ش");
yas  = yas.replace(/s/g, "س");
yas  = yas.replace(/d/g, "ي");
yas  = yas.replace(/f/g, "ب");
yas  = yas.replace(/g/g, "ل");
yas  = yas.replace(/h/g, "ا");
yas  = yas.replace(/j/g, "ت");
yas  = yas.replace(/k/g, "ن");
yas  = yas.replace(/l/g, "م");
yas = yas.replace(/\;/g, "ك");
yas  = yas.replace(/\'/g, "ط");
yas  = yas.replace(/z/g, "ئ");
yas  = yas.replace(/x/g, "ء");
yas  = yas.replace(/c/g, "ؤ");
yas  = yas.replace(/v/g, "ر");
yas  = yas.replace(/b/g, "لا");
yas  = yas.replace(/n/g, "ى");
yas  = yas.replace(/m/g, "ة");
yas  = yas.replace(/\,/g, "و");
yas  = yas.replace(/\./g, "ز");
yas  = yas.replace(/\//g, "ظ");
yas  = yas.replace(/~/g, " ّ");
yas  = yas.replace(/Q/g, "َ");
yas  = yas.replace(/W/g, "ً");
yas  = yas.replace(/E/g, "ُ");
yas  = yas.replace(/R/g, "ٌ");
yas  = yas.replace(/T/g, "لإ");
yas  = yas.replace(/Y/g, "إ");
yas  = yas.replace(/U/g, "‘");
yas  = yas.replace(/I/g, "÷");
yas  = yas.replace(/O/g, "×");
yas  = yas.replace(/P/g, "؛");
yas  = yas.replace(/A/g, "ِ");
yas  = yas.replace(/S/g, "ٍ");
yas  = yas.replace(/G/g, "لأ");
yas  = yas.replace(/H/g, "أ");
yas  = yas.replace(/J/g, "ـ");
yas  = yas.replace(/K/g, "،");
yas  = yas.replace(/L/g, "/");
yas  = yas.replace(/Z/g, "~");
yas  = yas.replace(/X/g, "ْ");
yas  = yas.replace(/B/g, "لآ");
yas  = yas.replace(/N/g, "آ");
yas  = yas.replace(/M/g, "’");
yas  = yas.replace(/\?/g, "؟");
txt.value = yas;
}
	</script>
    <style type="text/css">
         body
        {
            font-family: Arial, Helvetica, sans-serif;
            
        }

    </style>
</head>
<body >
    <p>
        SIMPLE ARABIC TEXTBOX USING UNICODE CHARACTER
    </p>
    <table >
        <tr>
            <td>Arabic textbox1</td>
            <td>:</td>
            <td><input type="text" onkeyup="arabicValue(text1)" dir="rtl"  id="text1" /></td>
        </tr>
        <tr>
            <td>Arabic textbox2</td>
            <td>:</td>
            <td><input type="text" onkeyup="arabicValue(text2)" dir="rtl"  id="text2" /></td>
        </tr>
    </table>
</body>
</html>


Рейтинг:
1

Member 14890044

это решение поможет предотвратить английскую клавиатуру
но для android устройства вы должны использовать keyup потому что нажатие клавиш не работает



функция restrictInputOtherThanArabic($field) {
// Арабские символы попадают в диапазон Юникода 0600 - 06FF
var arabicCharUnicodeRange = /[\u0600-\u06FF]/;

$field.bind("нажатие клавиши", функция (событие) {
var key = событие.который;
// 0 = цифровая клавиатура
// 8 = backspace
// 32 = пространство
если (ключ == 8 || ключ == 0 || ключ === 32) {
вернуть true;
}
var str = String.fromCharCode(ключ);
если (arabicCharUnicodeRange.ул. теста()) {
вернуть true;
}
предупреждение("يرجى ادخال المعلومات باللغة العربية");
возвращать false;
});
$field.bind("вставить", функция (событие) {
var pastedData = event.originalEvent.clipboardData.getData('Text');
если (arabicCharUnicodeRange.тест(pastedData)) {
вернуть true;
}
предупреждение("يرجى ادخال المعلومات باللغة العربية");
возвращать false;
});
}