برای کارایی کامل و بهتر این پلتفرم، باید جاوا اسکریپت مرورگر خود را فعال کنید.

آموزش و کدهای اعتبارسنجی انواع فیلد فرم در جاوا اسکریپت (Javascript)

بی تاک

پیش از این در انجمن بیتاک نحوه اعتبارسنجی فیلد تاریخ در PHP و فیلد ایمیل در PHP را به شما آموزش داده ایم. اما در این تاپیک قصد داریم نحوه سنجش اعتبار و بررسی الگو و اعتبارسنجی انواع فیلدهای فرم در جاوا اسکریپت - JavaScript را به شما آموزش دهیم که می توانید توسط آنها فرم های ساخته شده در سایت خود را مدیریت کنید و اطلاعات ورودی داخل فرم توسط کاربران را پیش از ارسال فرم بررسی کرده و در صورت نیاز به آنها در خصوص وارد کردن درست اطلاعات راهنمایی ارائه کنید. بنابراین در این تاپیک با ما همراه باشید.

اعتبارسنجی فیلد ایمیل

برای سنجش اعتبار و الگوی فیلد Email می توانید از این کد جاوا اسکریپت کمک بگیرید:

if (/\S+@\S+\.\S+/.test('betalk@gmail.com')) {
    console.log('ایمیل معتبر است');
} else {
    console.log('ایمیل معتبر نیست');
}

نمونه اصلی کد جهت اجرا در سایت:

function validateEmail(email) 
    {
        var re = /\S+@\S+\.\S+/;
        return re.test(email);
    }

حالت دیگر:

const validateEmail = (email) => {
  return String(email)
    .toLowerCase()
    .match(
      /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
    );
};

اعتبارسنجی تعداد کاراکتر وارد شده در فیلد

برای سنجش و بررسی تعداد کاراکترهای وارد شده در یک فیلد (مخصوص فیلد کدملی و شماره تلفن و …)، می توان از این نمونه استفاده کرد:

const codemeli = "1234567890";
if (codemeli.length === 10 ) {
    console.log('کد ملی معتبر است');
} else {
    console.log('کد ملی باید 10 رقم باشد');
}

یا برای فیلدهایی که باید یک تعداد کاراکتر خاص بین یک محدوده وارد کنند، برای مثال بین 4 تا 16 کاراکتر یا عدد، می توان از این نمونه استفاده کرد:

const username = "betalk1234";
if (username.length > 4 && username.length < 16) {
    console.log('نام کاربری مجاز است');
} else {
    console.log('نام کاربری باید بین 5 تا 15 کاراکتر باشد');
}

اعتبارسنجی مقدار فیلد محدود به حروف یا اعداد

در برخی از فیلدهای عددی مانند کدپستی که کاربر فقط باید اعداد وارد کند، می توان توسط نمونه کد زیر اعتبارسنجی را انجام داد:

if (/^[0-9]+$/.test(postalcode)) {
    console.log('کد پستی معتبر است');
} else {
    console.log('کدپستی فقط باید باعدد وارد شود');
}

حالت دیگر برای بررسی فیلدهای عددی، کد زیر است:

const num = 12345.12;
if (!isNaN(parseFloat(num)) && isFinite(num)) {
    console.log('مقدار وارد شده عدد معتبر است');
} else {
    console.log('مقدار وارد شده عدد معتبر نیست');
}

و برای فیلدهایی که باید تنها با حروف انگلیسی تکمیل شود، می توان از این نمونه استفاده کرد:

if (/^[a-zA-Z]+$/.test(username)) {
    console.log('نام کاربری معتبر است');
} else {
    console.log('نام کاربری معتبر نیست. فقط از حروف انگلیسی استفاده کنید');
}

یا فیلدهایی که تنها باید با حروف انگلیسی و اعداد پر شوند می توانید از این نمونه استفاده کنید:

if (/^[a-zA-Z0-9]+$/.test(username)) {
    console.log('نام کاربری معتبر است');
} else {
    console.log('نام کاربری معتبر نیست. فقط از حروف انگلیسی و اعداد استفاده کنید');
}