ลงทะเบียน
ใกล้กัน ช่วยให้คุณแชร์เรื่องราวต่างๆ กับผู้คนมากมาย

Javascript ตรวจสอบฟอร์มกรอกข้อมูลเว็บไซต์

โพสต์ใน: เว็บไซต์ / - โดย - Feb 10, 2018

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;
    }
}

เขียนเว็บไซต์

User not write anything about he.
Captcha Challenge
ลองรูปภาพใหม่
Type in the verification code above

ลองอ่านดูน่าสนใจ: