طلب كود جافا يشترط ادخال رقم فى حقل يكون الرقم اعلى من حقل اخر

فين محاولتك يا بطلة ؟

المفروض أختى العزيزة تحاولى تعملى الكود, ولو ما عرفتيش أكتبى كود الجافا سكربت اللى عملتية والاخوة راح يصحح لكى الخطأ.

ننتظر منك محاولتك حتى لو كانت خطأ, بس المهم تفكرى وتحاولى تعمليها .

لو كنت عارفة مكنتش سالت ;) :)

تفضلى أختى العزيز الكود كما طلبتى :

HTML

<form action="aa.php" method="post" onsubmit="return checkNumber()">
    <p><input type="text" name="box1" id="box1" size="20" value="33" />الحقل الاول</p>
    <p><input type="text" name="box2" id="box2" size="20" />الحقل الثانى</p>
    <input type="submit" value="ارسال" name="B1" />
</form>

Javascript

function checkNumber() {
    /* 
      جلب قيمة الحقل الاول الذى يحتوى على القيمة الثابتة, ثم أستخدمنا الدالة
      Number لكى نجبر قيمة الحقل لكى تكون قيمة رقمية   
    */
    var constantNumber = Number(document.getElementById('box1').value);

    /*
      جلب قيمة الحقل الثانى الذى سوف يحتوى على القيمة التى يدخلها المستخدم, 
      ثم أستخدمنا الدالة  Number لكى نجبر قيمة الحقل لكى تكون قيمة رقمية
    */
    var changeableNumber = Number(document.getElementById('box2').value);

    /*
       نقوم هنا بعمل مقارنة بين الحقل الاول والحقل الثانى,
       بحيث يكون قيمة الحقل الثانى أكبر من الحقل الاول.
       وإذا كان كذلك يسمح بالانتقال إلى الصفحة aa.php
    */
    if (changeableNumber > constantNumber) {
        return true;
    }

    /*
        إذا كانت القيمة غير رقمية أو أصغر من, سوف يظهر رسالة بذلك,
        ولن ينتقل إلى الصفحة aa.php
    */
    alert('يرجى إدخال رقم أكبر من ' + constantNumber);
    return false;
}

هذا مثال أونلاين لتجربة الكود قبل أن تستخدمية .

ملحوظة: الكود مشروح سطر سطر, وأنا كاتب الشرح عشان أنتى تستفادى منة, وليس مجرد أنك تنسخى الكود وخلاص .

أتمنى لك التوفيق....

اشتغل معي تمام الكود المرفق لكن هناك شيئ

لقد جربت ان اقوم باضافة على الكود بشكل يتيح ان كان

الرقم اقل من الرقم الاساسي يطلع اقل من

واذا كان الرقم اعلى من الرقم الاساسي يطلع اعلى من لكن لم يعمل معي فما هي المشكلة وها هو الكود بعد التعديل

<script language = "Javascript">
function checkNumber(){
    var constantNumber = Number(document.getElementById('mini').value);
    var changeableNumber = Number(document.getElementById('max').value);
    var changeableNumber3 = Number(document.getElementById('hade').value);
if(changeableNumber > constantNumber) {
						  return true;
						  }
						  alert('عرضك أقل من العرض الأقصى ');
						  return false;
}
else if(changeableNumber < constantNumber3) {
						  return true;
						  }
						  alert('عرضك اكبر من العرض الأقصى ');
						  return false;
}

</script>

السلام عليكم

طبعا أنا كتبت لكى الكود على أساس جملتك التالية .

اقتباس

 

اريد انه عند ادخال الرقم فى الحقل الاخر يشترط عليه ان لا يضع رقم اقل من الحقل الاول فقط الاعلى منه

فى حالة إضافة هذا التعديل يلزمك من إضافة شرط أخر, مع تعديل فى الشرط اللى كان مكتوب .

والكود بعد التعديل يكون كالاتى:

function checkNumber() {
    var constantNumber = Number(document.getElementById('box1').value);
    var changeableNumber = Number(document.getElementById('box2').value);

    if (changeableNumber < constantNumber) {
       alert('الرقم الذى ادخلتة اصغر من ' + constantNumber);
        return false;
    } else if(changeableNumber > constantNumber){
       alert('الرقم الذى ادخلتة اكبر من ' + constantNumber);
        return false;
    }
    
    // يمكن كتابة أى بيانات هنا فى حالة النجاح
    return true;
}

ويمكنك تجربة الكود قبل الاستخدام من خلال هذة الوصلة.

بالتوفيق.....