$.each การวนลูปข้อมูล

ใช้ $.each เพื่อตรวจสอบค่าวางของ field ที่กำหนด โดยจะชื่อ field และ label กำกับ field ไว้ตัวแปรแบบ object ด้านล่าง

var fieldname = {productname:”ชื่อสินค้า”,productprice:”ราคาสินค้า”,productquantity:”จำนวนสินค้า”},

fieldnull = “”;

$.each(fieldname,function(i,field){

//i = ชื่อ field
//field = ข้อมูลของชื่อ field แต่ละ field

if($(‘input[name=”‘+i+'”]’).val()==””){
fieldnull += ” <strong>”+field+”</strong> “;

//วนลูปเอาชื่อ input ทียังไม่ได้กรอกค่าไว้ในตัวแปร fieldnull เพื่อนำไปแจ้งเตือนแก่ผู้ใช้
}

})

จากตัวอย่างข้างต้นเป็นเทคนิคง่ายๆ ที่อาจนำไปประยุกต์ใช้ในการตรวจสอบค่าว่างในฟอร์มกรอกข้อมูล เพื่อช่วยให้การเขียนโค้ดเพื่อตรวจสอบดังกล่าวทำได้ง่ายและรวดเร็วมากขึ้น

Leave a comment