ในบทความที่แล้ว เราเพิ่งรู้ว่าอินพุตการตรวจจับเสร็จสมบูรณ์แล้ว ตอนนี้เราก้าวไปอีกขั้นหนึ่งแล้ว บนพื้นฐานนี้ เราก็สามารถทราบได้ว่าอินพุตการตรวจจับเสร็จสมบูรณ์แล้ว เนื้อหาถัดไป
เมื่อเราต้องการกรอกเนื้อหาโดยอัตโนมัติและไม่ต้องการให้มีการเปลี่ยนแปลง เราจำเป็นต้องเพิ่มแอตทริบิวต์แบบอ่านอย่างเดียว
ข้อกำหนดด้านการทำงานเมื่อกรอกแบบฟอร์มการชำระเงินคืน คุณจะต้องกรอกจำนวนวันของการเดินทางเพื่อธุรกิจเท่านั้น และจำนวนเงินอุดหนุนการเดินทางเพื่อธุรกิจจะถูกคำนวณโดยอัตโนมัติ
รหัสมีดังนี้
รหัส HTML:<tbody> <tr style=พื้นหลัง-สี:#FfFFFF> <th colspan=2 class=info>เงินอุดหนุนการเดินทางเพื่อธุรกิจ:</th> </tr> <tr style=พื้นหลัง-สี:#F3F3F3> <th>หมายเลข ของวันอุดหนุน :</th> <td> <input class=form-control onBlur=finnishInput(event) onInput(event) id=travelAllowanceDaysId type=number placeholder=> </td> </tr> <tr style=พื้นหลัง-สี:#FFFFFF> <th>จำนวนเงินอุดหนุน:</th> <td> <input class=form-control id=travelAllowanceFeesId type=number placeholder= > </td> </tr></tbody>
รหัสจาวาสคริปต์:
var flag = 0; function onInput(e) { console.log(Inputing); flag = 1; $api.removeAttr($api.byId('travelAllowanceFeesId'), 'อ่านอย่างเดียว');} ฟังก์ชัน finnishInput(e) { ถ้า (1 == ธง) { console.log (InputOk); $api.byId('travelAllowanceFeesId').value = 400*$api.byId('travelAllowanceDaysId').value; $api.attr($api.byId('travelAllowanceFeesId'), 'อ่านอย่างเดียว', จริง);
ผลลัพธ์มีดังนี้
สรุปข้างต้นเป็นวิธีการใช้งานที่ตัวแก้ไขแนะนำให้คุณตรวจสอบว่าอินพุต HTML เสร็จสมบูรณ์แล้วและกรอกเนื้อหาถัดไปโดยอัตโนมัติ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและ บรรณาธิการจะตอบกลับคุณทันเวลา ฉันอยากจะขอบคุณทุกคนที่ให้การสนับสนุนเว็บไซต์ศิลปะการต่อสู้ VeVb!
หากคุณคิดว่าบทความนี้มีประโยชน์สำหรับคุณ คุณสามารถพิมพ์ซ้ำได้ โปรดระบุแหล่งที่มา ขอขอบคุณ!