สร้างเว็บไซต์ด้วย Dreamweaver (ดรีมเวฟเวอร์) สามารถทำการดักข้อมูลที่มีค่าว่างในกล่องข้อความหรือข้อมูลแบบเลือกตอบด้วยคำสั่ง Javascript (จาวาสคริป) คือ คำสั่งที่ไว้เช็คการกรอกข้อมูลทั้งแบบกรอกเองหรือแบบเลือกตอบ เพื่อป้องกันการได้ข้อมูลที่ไม่ครบถ้วนสมบูรณ์ เช่นในกรณีที่เป็นแบบสอบถามออนไลน์ คำถามอาจมีจำนวนหลายข้อผู้กรอกแบบสอบถามอาจพลาดบางข้อไป
ถ้ากรอกข้อมูลครบถ้วนระบบอาจจะทำการบันทึกหรือทำการตามคำสั่ง แต่ถ้ากรอกข้อมูลไม่ครบระบบจะทำงานแจ้งส่วนที่มีค่าว่างหรือข้อมูลที่ไม่ได้กรอกไว้
การสร้าง site สามารถดูเพิ่มเติมได้ ที่นี่
การสร้างฟอร์มสามารถดูเพิ่มเติมได้ ที่นี่
การสร้างเพจ
File(ไฟล์) > New(นิว) Blank Page (แบล้งเพจ) > PHP (พีเอชพี) > Create (ครีเอท) ทำการเซฟไฟล์
File > save as (เซฟ แอด) ในตัวอย่างสร้างไฟล์ชื่อ Home.php (โฮมดอทพีเอชพี) ที่โฟลเดอร์ชื่อ test (เทส) การสร้างฟอร์ม การสร้างตาราง Insert (อินเสิด) > Table (เทเบิล) ในที่นี้จะสร้างตาราง 4แถว 2คอลัมน์ ขนาด 500 Pixel(พิกเซล) เมื่อได้ตารางแล้วให้คลิกคลุมทั้งตารางแล้วเลือก Align (อะราย) > Center(เซ็นเตอร์) ลากคลุมบรรทัดบนและบรรทัดล่างแล้วคลิกขวา Table > Merge Celles (เมิดเซลล์) พิมข้อความ แล้วเลือก Align Center การสร้างกล่องข้อความ
Insert > Form (ฟอร์ม) > Text (เทค) เมื่อได้กล่องข้อความให้ทำการตั้งชื่อกล่องข้อความเพื่อใช้ในการรับส่งค่า หมายเลข 1 กล่องข้อมูล
หมายเลข 2 ชื่อกล่องข้อมูล
หมายเลข 3 Size เป็นขนาดกล่องข้อความ Max Length(แมกแล๊ง) เป็นกล่องข้อความที่รับข้อมูลได้ตามจำนวนที่กรอก ในที่นี้ใส่เลข 30 เท่ากับใส่ข้อมูลได้ 30 ตัว
หมายเลข 4 เป็นข้อความที่แสดงว่าควรกรอกข้อมูลอะไรหรือข้อความตัวอย่างที่ใช้กรอก
การสร้างปุ่ม Submit (ซับมิด) ภาพตัวอย่างการวางโค้ด ตัวอย่างการเช็คฟอร์ม ตามหมายเลข 1
โค้ด: เลือกทั้งหมด
<form name="form1" method="post" action="add.php" onSubmit="return CheckForm()">
โค้ด: เลือกทั้งหมด
<script language="javascript">
function CheckForm(){
if(form1.Name.value == ''){
alert('กรุณากรอกชื่อ')
form1.Name.focus()
return false
}else if(form1.Last.value == ''){
alert('กรุณากรอกนามสกุล')
form1.Last.focus()
return false
}
}
</script>