Comment faire en sorte que ma zone de texte soit saisie en langue arabe ?

<!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, "https://www.codeproject.com/");
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>

Déjà répondu ici : Comment définir la langue de saisie arabe sur la zone de texte dans asp.net[^]

function restrictInputOtherThanArabic($field) {
// Les caractères arabes appartiennent à la plage Unicode 0600 – 06FF
var arabicCharUnicodeRange = /[\u0600-\u06FF]/;

$field.bind(“keypress”, fonction (événement) {
var clé = événement. which;
// 0 = pavé numérique
// 8 = retour arrière
// 32 = espace
if (clé == 8 || clé == 0 || clé === 32) {
renvoie vrai ;
}
var str = String.fromCharCode(clé);
if (arabicCharUnicodeRange.test(str)) {
renvoie vrai ;
}
alert(“Veuillez saisir les informations en arabe”);
renvoie faux ;
});
$field.bind(“coller”, fonction (événement) {
var PastedData = event.originalEvent.clipboardData.getData(‘Texte’);
if (arabicCharUnicodeRange.test(pastedData)) {
renvoie vrai ;
}
alert(“Veuillez saisir les informations en arabe”);
renvoie faux ;
});
}

cette solution aidera à empêcher le clavier anglais
mais pour les appareils Android, vous devez utiliser keyup car les touches ne fonctionnent pas

function restrictInputOtherThanArabic($field) {
// Les caractères arabes appartiennent à la plage Unicode 0600 – 06FF
var arabicCharUnicodeRange = /[\u0600-\u06FF]/;

$field.bind(“keypress”, fonction (événement) {
var clé = événement. which;
// 0 = pavé numérique
// 8 = retour arrière
// 32 = espace
if (clé == 8 || clé == 0 || clé === 32) {
renvoie vrai ;
}
var str = String.fromCharCode(clé);
if (arabicCharUnicodeRange.test(str)) {
renvoie vrai ;
}
alert(“Veuillez saisir les informations en arabe”);
renvoie faux ;
});
$field.bind(“coller”, fonction (événement) {
var PastedData = event.originalEvent.clipboardData.getData(‘Texte’);
if (arabicCharUnicodeRange.test(pastedData)) {
renvoie vrai ;
}
alert(“Veuillez saisir les informations en arabe”);
renvoie faux ;
});
}

Comment faire en sorte que ma zone de texte soit saisie en langue arabe ?

Solution 2

Solution 1

Solution 4

Solution 3

コメント