من الضروري الحفاظ على أمان البيانات ومواءمتها ، خاصةً عندما يتعلق الأمر بأرقام الهواتف. غالبًا ما تواجه مواقع الويب التي تجمع أرقام هواتف المستخدمين مشاكل في التنسيق. يملأ المستخدمون بياناتهم بطريقة غير مؤكدة للغاية دون مراعاة المعايير. يجعل معالجة البيانات صعبة لمطوري مواقع الويب. لتجنب مثل هذه المواقف ، يمكن استخدام JavaScript لتنسيق أرقام الهواتف وفقًا لمعيار معين.
ستناقش هذه المدونة الإجراء المتعلق بتنسيق رقم هاتف في JavaScript.
كيفية تنسيق رقم الهاتف في جافا سكريبت؟
في JavaScript ، لتهيئة رقم هاتف ، سنستخدم الطرق التالية:
دعونا نتعمق في الطريقة الأولى!
الطرق 1: استخدام RegEx لتنسيق رقم الهاتف في JavaScript
' RegEx 'هو اختصار للتعبير العادي. إنها حاوية الأحرف التي تقدم نمط بحث فيما يتعلق بسلسلة ثم تستبدل أو تزيل القيم الموجودة لسلسلة بقيم جديدة على التوالي.
دعنا نمضي قدمًا ونأخذ مثالاً لفهم كيف يمكن أن يؤدي استخدام طريقة RegEx إلى تنسيق رقم هاتف.
مثال
في هذا المثال ، سننشئ متغيرًا ' ص 'وقم بتعيين رقم عشوائي غير منسق له:
كنت ص = '+ 1.234-567.1234' ؛
بعد ذلك ، قم باستدعاء طريقة replace () ، حيث يكون \ D للأرقام من [0-9] ، + للكشف عن تكرار الأرقام و g للمطابقة العامة. ثم قم باستدعاء طريقة replace () بتسلسل خاص من الأحرف مثل ، (\ d {1}) لتعيين رقم واحد ، (\ d {3}) لتعيين ثلاثة أرقام ، و (\ d {4}) لتعيين أربعة أرقام. لمعرفة المزيد عن هذه العمليات ، تحقق من عملياتنا الأخرى مقال مخصص .
علاوة على ذلك ، ستكون المجموعة الأولى $ 1 وستتم محاذاة + قبلها مباشرةً ، ($ 2) ستكون المجموعة الثانية المحاطة بأقواس ، وستكون المجموعة الثالثة والرابعة بعلامة الواصلة (-) من 3 إلى 4 دولارات:
ص = ص. يحل محل ( / \ D + / ز و ' ) . يحل محل ( / (\ d {1}) (\ d {3}) (\ d {3}) (\ d {4}) / و '+ $ 1 ($ 2) $ 3- $ 4' ) ؛الآن ، اطبع النتائج باستخدام السطر أدناه:
وحدة التحكم. سجل ( ص ) ؛ 
كما ترى ، قمنا بتنسيق رقم الهاتف بنجاح.
الطرق 2: استخدام substr () لتنسيق الرقم في JavaScript
ال ' substr () 'طريقة استخراج السلسلة الفرعية من فهرس معين حتى فهرس النهاية المذكور. يمكن أن تساعد هذه الطريقة في تكوين سلاسل فرعية من الأرقام بالتنسيق الصحيح وتسلسل الأحرف. نتيجة لذلك ، سيتم إنشاء رقم منسق.
بناء الجملة
سلسلة. الجزء الفرعي ( بداية و نهاية )هنا ، ' substr () 'لاسترداد السلسلة الفرعية من' بداية 'الفهرس حتى' نهاية 'فهرس السلسلة المحددة.
مثال 1
دعونا نقسم البرنامج إلى ثلاثة أجزاء. في الجزء الأول ، سننظر في القيمة ' ص Substr (0، 3) '، حيث أن 0 هي نقطة البداية ، و 3 هي الطول ؛ في الجزء الثاني ، القيمة ' ص Substr (3، 3) 'يشير إلى أن الأرقام ستبدأ من الموضع الرابع وأن طولها سيكون 3. الجزء الأخير له قيمة' ص Substr (6، 4) 'حيث تبدأ مواضع الأرقام من 7 ويبلغ طولها الإجمالي 4:
ص = ص. الجزء الفرعي ( 0 و 3 ) + '-' + ص. الجزء الفرعي ( 3 و 3 ) + '-' + ص. الجزء الفرعي ( 6 و 4 ) ؛انتاج |
الآن ، دعنا نأخذ مثالاً آخر لمعرفة كيف يمكننا إدخال رمز البلد مع رقمنا باستخدام نفس الطريقة.
مثال 2
في هذا المثال ، سنأخذ السلسلة ' شارع 'وجعل' +1 'للتخزين فيه:
كنت شارع = '+1' ؛الآن ، سنحدد 1 كنقطة البداية في القيمة الأولى لـ ' ص Substr (1، 3) '. سيبقى رمز الباقي كما هو:
ص = ص. الجزء الفرعي ( 1 و 3 ) + '-' + ص. الجزء الفرعي ( 3 و 3 ) + '-' + ص. الجزء الفرعي ( 6 و 4 ) ؛اطبع سلسلة str التي تمت تهيئتها حديثًا باستخدام السلسلة p:
وحدة التحكم. سجل ( شارع و ص ) ؛انتاج |
لقد تعلمنا إجراء تنسيق رقم الهاتف في JavaScript من خلال طريقتين مختلفتين.
استنتاج
لتنسيق رقم الهاتف ، فإن ' RegEx ' أو ' substr () 'طريقة يمكن استخدامها. من خلال تحديد التعبير العادي ، تحتاج إلى إنشاء نمط ، وبعد ذلك بمساعدة طريقة الاستبدال () ، يمكن تنسيق رقم الهاتف. في طريقة substr () ، يمكن إنشاء ثلاثة أجزاء ، ولكل جزء نقطة بداية وطول محددين. تناولت هذه المقالة طريقة تنسيق أرقام الهواتف في JavaScript.