วันอังคารที่ 5 กันยายน พ.ศ. 2560

เช็ค input text ก่อน sumit form ง่ายๆ ด้วย Javascript ที่ง่ายๆ เหมือนกัน

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

ส่วน HTML
<form method="post" onSubmit="return chkchoose(event)" action="index.php" name="insertnewgoods">

<select name="category" id="category" >
<option value="" selected >--- เลือกหมวดหมู่ ---</option>
<option value="notebook"" >notebook</option>
<option value="mobile">โทรศัพท์มือถือ</option>
<option value="camera">กล้องดิจิตอล</option>
<option value="other">อื่นๆ</option>
</select>

ส่วน Javascript
                                      function chkchoose(event){
event.preventDefault(); // เอาไว้ปิดการทำงานของปุ่ม submit
var bb=document.getElementById("category");
if(bb.value == "")
{
window.alert(' ลืมเลือกประเภทสินค้ารึเปล่า?);
return false;
}else{
document.insertnewgoods.submit();
}
}

ทำไมต้องมี event ? ก็เพราะหากไม่มี ถึงจะลืมเลือกประเภทสินค้า แล้วมี Alert เด้งขึ้น มันก็จะพาไปหน้า index.php อยู่ดีไงครับ เลยต้องมีตัวนี้กันไว้ จบ..