غالبا ما يواجه مطورو الويب الحاجة إلى قصر إدخال المستخدم على الأرقام الموجودة في مربع النص على موقعهم فقط. يمكن أن يكون هذا مفيدا في الحالات التي تحتاج فيها إلى الحصول على قيم رقمية ، مثل أرقام الهواتف أو الرموز البريدية أو عدد العناصر.
يمكن استخدام عدة طرق لتحقيق هذا الهدف. واحدة من أبسط الطرق وأكثرها فعالية هي استخدام جافا سكريبت. باستخدام جافا سكريبت ، يمكنك التحقق من قيمة الإدخال في حقل نصي والسماح بها أو رفضها بناء على نوع البيانات الخاص بها.
مثال:
في هذا المثال ، قمنا بتعيين نوع حقل النص كـ" نص " وإضافة سمة أونكيبريس ، والتي تستدعي وظيفة جافا سكريبت. تتحقق هذه الوظيفة من القيمة المدخلة باستخدام تعبير عادي وتسمح بالإدخال فقط إذا كان رقما.
بالإضافة إلى ذلك ، يمكنك أيضا إضافة فحوصات إضافية لكل قيمة تم إدخالها للتأكد من أنها تلبي متطلباتك. على سبيل المثال ، يمكنك تحديد عدد الأحرف التي تم إدخالها أو تعيين الحد الأدنى أو الحد الأقصى لقيمة الرقم.
باستخدام النهج أعلاه وإجراء تغييرات صغيرة على الكود ، يمكنك بسهولة تنفيذ القدرة على إدخال الأرقام فقط في حقل نصي على موقعك. سيساعدك هذا الدليل البسيط في هذه العملية وسيسمح لك بإنشاء نماذج أكثر وظيفية وسهلة الاستخدام للمستخدمين.
- إدخال الأرقام فقط في مربع النص: الدليل الكامل
- اختيار وتطبيق نمط الإدخال المناسب
- استخدام جافا سكريبت للتحقق والتصفية
إدخال الأرقام فقط في مربع النص: دليل كامل
توضح الإرشادات أدناه كيفية إعداد مربع نص بحيث يمكن إدخال الأرقام فقط فيه.
- قم بإنشاء عنصر هتمل مع سمة النوع="نص".
- أضف شفرة جافا سكريبت التي ستتحقق من البيانات المدخلة:
- حفظ الملف مع التمديد.هتمل وفتحه في المتصفح.
- الآن يمكنك فقط إدخال الأرقام في مربع النص.
يرجى ملاحظة أن هذا الرمز سيحذف جميع الأحرف باستثناء الأرقام. إذا كنت تريد السماح بإدخال الأرقام العشرية أو الفواصل الأخرى ، فستحتاج إلى تكوين الرمز بشكل أكبر.
آمل أن يساعدك هذا الدليل في إعداد إدخال الأرقام فقط في مربع النص. حظا سعيدا مع المشاريع الخاصة بك!
اختيار وتطبيق نمط الإدخال المناسب
عند اختيار نمط إدخال وتطبيقه على مربع نص ، من المهم مراعاة متطلبات وتوقعات المستخدمين. قد تتطلب سيناريوهات الاستخدام المختلفة مناهج مختلفة لنمط الإدخال.
أحد الأساليب الشائعة هو الحد من الأحرف التي تم إدخالها بحيث يمكن للمستخدم إدخال الأرقام فقط. يمكن أن يكون هذا مفيدا ، على سبيل المثال ، عند إدخال رقم هاتف أو رمز بريدي أو بيانات رقمية أخرى.
للحد من الأحرف التي تم إدخالها ، يمكنك استخدام سمة النمط في علامة الإدخال. على سبيل المثال:
}
});
يسمح هذا الرمز للمستخدم بإدخال الأرقام فقط في حقل النص. إذا حاول المستخدم إدخال أحرف غير الأرقام ، فسيتم حذفها تلقائيا.