طريقة تنفيذ HTML تكتشف أن الإدخال قد اكتمل وملء المحتوى التالي تلقائيًا

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

عندما نحتاج إلى ملء المحتوى تلقائيًا ولا نريد تغييره، نحتاج إلى إضافة السمة للقراءة فقط.

عند ملء نموذج السداد، ما عليك سوى ملء عدد أيام رحلة العمل وسيتم احتساب مبلغ دعم رحلة العمل تلقائيًا.

الرمز هو كما يلي

 <tbody> <tr style=background-color:#FfFFFF> <th colspan=2 class=info>إعانة رحلة العمل:</th> </tr> <tr style=background-color:#F3F3F3> <th>الرقم أيام الدعم:</th> <td> <input class=form-control onBlur=finnishInput(event) onInput(event) id=travelAllowanceDaysId type=number placeholder=> </td> </tr> <tr style=background-color:#FFFFFF> <th>مبلغ الدعم:</th> <td> <input class=form-control id=travelAllowanceFeesId type=number placeholder= > </td> </tr></tbody>

كود جافا سكريبت:

 علامة var = 0؛ (1 == علامة) { console.log(InputOk flag = 0); $api.byId('travelAllowanceFeesId').value = 400*$api.byId('travelAllowanceDaysId').value $api.attr($api.byId('travelAllowanceFeesId'), 'readonly', true }});

النتائج هي كما يلي

ما ورد أعلاه هو طريقة التنفيذ التي يقدمها لك المحرر لاكتشاف اكتمال إدخال HTML وملء المحتوى التالي تلقائيًا، وآمل أن يكون ذلك مفيدًا لك، إذا كانت لديك أي أسئلة، فيرجى ترك رسالة لي سيقوم المحرر بالرد عليك في الوقت المناسب. أود أيضًا أن أشكر الجميع على دعمكم لموقع VeVb للفنون القتالية!

إذا كنت تعتقد أن هذه المقالة مفيدة لك، فنحن نرحب بإعادة طبعها، يرجى الإشارة إلى المصدر، شكرًا لك!