اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر

السؤال غير واضح قليلا هل تقصد في الواجهة الأمامية تريد ال input أن يحوي 0000 ولا يتم تغيره ؟

في تلك الحالة يمكنك إستخدام خاصية disabled لتمنع تغيره ولكن أيضا يجب التحقق في الواجهة الخلفية فمن الممكن أن المستخدم يقوم بتغيره من أدوات المطور :

<input type="text" value="0000" disabled>

 

  • 0
نشر
بتاريخ 3 دقائق مضت قال محمد عاطف17:

السؤال غير واضح قليلا هل تقصد في الواجهة الأمامية تريد ال input أن يحوي 0000 ولا يتم تغيره ؟

في تلك الحالة يمكنك إستخدام خاصية disabled لتمنع تغيره ولكن أيضا يجب التحقق في الواجهة الخلفية فمن الممكن أن المستخدم يقوم بتغيره من أدوات المطور :

<input type="text" value="0000" disabled>

 

الحقل فارغ يكون.... واضع ليبل مثلاً ادخل الرقم التالي 0000.....   لما المستخدم يدخل رقم 0000 يتم ارسال المعلومات... ولما يدخل غير رقم لا يتم ارسال المعلومات ويكون هذا الحقل مطلوب ادخال نفس الرقم الموجود في ليبل 0000 

  • 0
نشر
بتاريخ منذ ساعة مضت قال Baker Mohammed:

الحقل فارغ يكون.... واضع ليبل مثلاً ادخل الرقم التالي 0000.....   لما المستخدم يدخل رقم 0000 يتم ارسال المعلومات... ولما يدخل غير رقم لا يتم ارسال المعلومات ويكون هذا الحقل مطلوب ادخال نفس الرقم الموجود في ليبل 0000 

يمكنك إستخدام الكود التالي :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <form action="file.php">
        <input type="text" name="secret" placeholder="please enter 0000" data-secret="0000" onkeyup="check(this)">
    </form>

    <script>
        function check(el){
            if(el.dataset.secret == el.value) {
                el.closest('form').submit();
            }
        }
    </script>
</body>
</html>

لاحظ هنا أنشئنا input وقد قمنا بوضع placeholder ليخبر الشخص بإدخال الرقم 0000 ووضعنا خاصية ال data-secret لتساوي الرقم الذى نريده أن يقوم بإدخاله . وقمنا بإستماع الحدث الخاص بالضغط على الزر ومررنا له الدالة check.

الآن أنشئنا الدالة check التي يتم تمرير ال input لها وتقوم بالتحقق من البيانات داخل ال input وإذا كانت مثل ما قمنا بوضعها في الخاصية  data-secret فسيتم إرسال ال form تلقائيا .

وهكذا يمكنك أخذ هذا الزر وو ضعه بداخل أى form مع أخذ الدالة check أيضا.

  • 0
نشر
بتاريخ 5 دقائق مضت قال محمد عاطف17:

يمكنك إستخدام الكود التالي :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <form action="file.php">
        <input type="text" name="secret" placeholder="please enter 0000" data-secret="0000" onkeyup="check(this)">
    </form>

    <script>
        function check(el){
            if(el.dataset.secret == el.value) {
                el.closest('form').submit();
            }
        }
    </script>
</body>
</html>

لاحظ هنا أنشئنا input وقد قمنا بوضع placeholder ليخبر الشخص بإدخال الرقم 0000 ووضعنا خاصية ال data-secret لتساوي الرقم الذى نريده أن يقوم بإدخاله . وقمنا بإستماع الحدث الخاص بالضغط على الزر ومررنا له الدالة check.

الآن أنشئنا الدالة check التي يتم تمرير ال input لها وتقوم بالتحقق من البيانات داخل ال input وإذا كانت مثل ما قمنا بوضعها في الخاصية  data-secret فسيتم إرسال ال form تلقائيا .

وهكذا يمكنك أخذ هذا الزر وو ضعه بداخل أى form مع أخذ الدالة check أيضا.

شكرآ جزيلاً بارك الله فيك 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...