नमस्ते! इस ट्यूटोरियल में, आप सीखेंगे कि यूप सत्यापन लाइब्रेरी का उपयोग करके स्ट्रिंग्स की एक सरणी को कैसे मान्य किया जाए। सबसे पहले, आप सीखेंगे कि किसी स्ट्रिंग को कैसे मान्य किया जाए और फिर उसे किसी सरणी पर कैसे लागू किया जाए। मुझे हाल ही में इस समस्या का सामना करना पड़ा जहां फॉर्म के लिए आवश्यक है कि प्रत्येक इनपुट फ़ील्ड खाली न हो। मैं इस ट्यूटोरियल में बताऊंगा कि मैंने यह कैसे किया।

हाँ क्या है?

यूप जावास्क्रिप्ट (और टाइपस्क्रिप्ट) के लिए एक लोकप्रिय, सरल, ओपन-सोर्स, रन-टाइम सत्यापन लाइब्रेरी है। यूप एक जावास्क्रिप्ट स्कीमा सत्यापन लाइब्रेरी है जो घोषणात्मक और उपयोग में आसान तरीके से डेटा स्कीमा को परिभाषित और मान्य करने का एक तरीका प्रदान करती है। इसका उपयोग आमतौर पर फ्रंट-एंड डेवलपमेंट में किया जाता है, विशेष रूप से फॉर्म और डेटा इनपुट सत्यापन के साथ। डेवलपर्स यूप के एपीआई का उपयोग करके सत्यापन स्कीमा बना सकते हैं, जो वे अपेक्षित डेटा के आकार और बाधाओं को निर्दिष्ट करते हैं।

परिचय

मान लीजिए, आप एक फॉर्म लागू कर रहे हैं जहां उपयोगकर्ता एकाधिक ईमेल इनपुट कर सकता है। आपको यह जांचना होगा कि क्या प्रत्येक ईमेल वैध है, लेकिन आप वास्तव में एक स्कीमा कैसे बनाते हैं जहां प्रत्येक ईमेल को एक ईमेल के रूप में मान्य किया जाता है?

import { object, string, array } from 'yup'

const schema = object({
  emails: array() //how do you validate each email in the array as an actual email? 
});

स्ट्रिंग्स को कैसे मान्य करें

यूप में स्ट्रिंग्स को मान्य करने के लिए, आपको string() फ़ंक्शन और इसके अन्य फ़ंक्शन का उपयोग करना होगा।

उदाहरण के लिए, यदि आपको एक वैध ईमेल की आवश्यकता है तो आप बस string().email() का उपयोग कर सकते हैं।

import { object, string, array } from 'yup'

const schema = object({
  email: string().email()
});

const isValid = schema.isValidSync({
    emails: ["", "@test.com"],
  });
console.log(isValid); //true which is wrong since they are clearly not emails

यदि आपको एक आवश्यक फ़ील्ड की आवश्यकता है, तो आप string().required() का उपयोग कर सकते हैं।

import { object, string, array } from 'yup'

const schema = object({
  requiredField: string().required()
});

यह काफी सरल है, अब इसे सरणियों पर लागू करते हैं।

हाँ में स्ट्रिंग्स की एक श्रृंखला को कैसे सत्यापित करें

यूप में स्ट्रिंग्स की एक सरणी को मान्य करने के लिए, आपको उस सरणी के प्रकार को निर्दिष्ट करना होगा जिसे आप array().of() फ़ंक्शन का उपयोग करके सत्यापित करने जा रहे हैं। उदाहरण के लिए:

import { object, string, array } from 'yup'

//1. create a simple validation schema for the string
const requiredEmail = string().email().required("Email is required");

//2. apply it to the array().of() function
const schema = object({
  emails: array().of(requiredEmail)
});

अब जब हम कुछ डेटा का उपयोग करके इसका दोबारा परीक्षण करने का प्रयास करते हैं, तो हमें सही परिणाम मिलते हैं:

let isValid = schema2.isValidSync({
  emails: ["", "@test.com"],
});
console.log(isValid); //false

isValid = schema2.isValidSync({
  emails: ["[email protected]", "[email protected]"],
});
console.log(isValid); //true

अन्य प्रकार की सारणी को कैसे मान्य करें

इसी तरह, यदि आप संख्याओं की एक श्रृंखला या उस मामले के लिए किसी भी प्रकार को मान्य करना चाहते हैं तो आप उसी तकनीक का उपयोग कर सकते हैं। उदाहरण के लिए:

import { object, string, array, number, boolean } from "yup";

const requiredNumber = number().required();
const optionalBoolean = boolean().optional();
const user = object({
  firstName: string().required(),
  lastName: string().required(),
});
const schema3 = object({
  numbers: array().of(requiredNumber), // array of numbers
  booleans: array().of(optionalBoolean), //array of booleans
  users: array().of(user),  // array of objects
});

मूलतः यही है!

निष्कर्ष

यूप का उपयोग करते समय आपने सीखा कि स्ट्रिंग्स की सरणी को कैसे मान्य किया जाए। आपने यह भी सीखा कि कैसे अन्य प्रकार के सरणियों को मान्य किया जाए और array().of() फ़ंक्शन का उपयोग करके जटिल सरणी स्कीमा कैसे बनाया जाए। जो कुछ आप एक ऑब्जेक्ट के साथ कर सकते हैं, वह आप ऐरे के साथ भी कर सकते हैं।