Javascript สำหรับตรวจสอบความถูกต้องของฟอร์มกรอกข้อมูลบนหน้าเว็บ
เชื่อว่าหลายคนทำเว็บต้องสร้างแบบฟอร์ม สามารถกำหนดให้ช่องในที่จำเป็นต้องกรอก เช่น หากกรอกไม่ครบก็มีข้อความแจ้ง
function Cnum()
{
if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;
}
function message(obj, stat)
{
var messg = "* กรุณากรอกข้อมูล";
var status = 0;
switch(stat)
{
case 3:
var ralen = obj.length;
if(ralen>1)
{
for(var i=0;i<ralen;i++)
{
if(obj.checked==true)status = 1;
}
}else{
if(obj.checked==true)
{
status = 1;
}
}
if(status==0)
{
alert("* กรุณาเลือก Options");
return false;
}
return true;
break;
case 2:
var emfilter = /^.+@.+\..{2,3}$/;
if(!emfilter.test(obj.value))
{
alert(messg);
obj.focus();
return false;
}
return true;
break;
default:
if(obj.value=="")
{
alert(messg);
obj.focus();
return false;
}
return true;
}
}
คนทำเว็บที่ต้องการนำไปใช้ ต้องนำ ID ของ Input เช่น message(ชื่อ ID, ตัวเลข 1-3) ดังนี้ใส่เลข 1 ตรวจค่าว่าง เลข 2 ตรวจความถูกต้องของอีเมล์ เลข 3=radio ตรวจช่องตัวเลือกต้องมีเครื่องหมายถูกอย่างน้อย 1 อัน ด้งตัวอย่างด้านล่างนี้
function checkval()
{
with(document.InputForm)
{
if(!message(Name1))return false;
if(!message(Company))return false;
if(!message(Contact1))return false;
if(!message(Telephone))return false;
if(!message(Email))return false;
if(!message(Email, 2))return false;
if(!message(radio, 3))return false;
}
}