تحقق صحة أرقام الهواتف والبريد الإلكتروني في HTML

عنوان: التحقق من صحة أرقام الهواتف في HTML

الجسم:
أنا جديد في استخدام HTML، هل يمكن لأحد مساعدتي في التحقق من صحة رقم الهاتف فقط باستخدام الرمز ‘+’ والأرقام الرقمية، ويجب ألا يتجاوز عدد الأرقام في الرقم 13، وأيضًا التحقق من صحة البريد الإلكتروني باستخدام ‘@’ و ‘.’. أنا لا أريد استخدام JavaScript.

بالطبع! للقيام بالتحقق من صحة أرقام الهواتف في HTML دون استخدام JavaScript، يمكنك استخدام النموذج مع الخاصية pattern التي تستخدم تعبيرًا منتظمًا لتحديد الصيغة الصحيحة لرقم الهاتف. على سبيل المثال، يمكنك استخدام الكود التالي:

htmlCopy code
<form>
  <label for="phone">رقم الهاتف:label>
  <input type="tel" id="phone" name="phone" pattern="\+\d{1,13}" title="يرجى إدخال رقم هاتف صحيح">
  <button type="submit">تحققbutton>
form>

في هذا النموذج، يتم استخدام لتحديد أن الإدخال مخصص لرقم الهاتف. ويتم استخدام الخاصية pattern="\+\d{1,13}" لتحديد أن الرقم يجب أن يبدأ برمز ‘+’ متبوعًا بأرقام، وأن عدد الأرقام يجب أن لا يتجاوز 13 رقمًا.

بالنسبة للتحقق من صحة البريد الإلكتروني، يمكنك استخدام النموذج التالي:

htmlCopy code
<form>
  <label for="email">البريد الإلكتروني:label>
  <input type="email" id="email" name="email" title="يرجى إدخال عنوان بريد إلكتروني صحيح">
  <button type="submit">تحققbutton>
form>

في هذا النموذج، يتم استخدام لتحديد أن الإدخال مخصص لعنوان البريد الإلكتروني، وسيقوم المتصفح بالتحقق من صحة البريد الإلكتروني تلقائيًا.

يرجى ملاحظة أن بعض المتصفحات قد لا تدعم القيم المحددة في النموذج بدون JavaScript، لذلك قد تحتاج إلى توفير بديل لتحقق الصحة في الجانب الخادم أو استخدام JavaScript.