Form Validation এবং Custom Validators

Adobe Flex অ্যাপ্লিকেশন ডেভেলপমেন্টে Form Validation এবং Custom Validators গুরুত্বপূর্ণ ভূমিকা পালন করে। এগুলি ব্যবহারকারী দ্বারা ইনপুট ডেটার বৈধতা যাচাই করতে সাহায্য করে এবং অ্যাপ্লিকেশনের তথ্য নিরাপত্তা এবং সঠিকতা নিশ্চিত করে। Flex-এ Form Validation এবং Custom Validators ব্যবহারের মাধ্যমে ডেভেলপাররা ইন্টারেক্টিভ এবং ইউজার-ফ্রেন্ডলি অ্যাপ্লিকেশন তৈরি করতে পারেন।

Form Validation

Form Validation হল একটি প্রক্রিয়া যেখানে ইউজারের ইনপুট ডেটা যাচাই করা হয়, যেন তা নির্দিষ্ট নিয়ম বা শর্ত পূরণ করে। Flex-এ form validation সাধারণত validators এবং error-handling মেকানিজম ব্যবহার করে করা হয়। Flex এর ValidationResult এবং Validator ক্লাসের মাধ্যমে সহজেই ফর্ম ভ্যালিডেশন করা সম্ভব।

Form Validation এর প্রাথমিক উপাদান:

1. Validators: Flex-এ বিভিন্ন প্রি-বিল্ট ভ্যালিডেটর রয়েছে, যা ইউজারের ইনপুট যাচাই করতে ব্যবহৃত হয়। উদাহরণস্বরূপ: TextValidator, RegExpValidator, NumberValidator ইত্যাদি।
2. Error Handling: ইনপুট যদি অবৈধ হয়, তাহলে একটি ত্রুটির বার্তা প্রদর্শন করা হয়।

উদাহরণ: সাধারণ Form Validation

<s:Form>
    <s:TextInput id="nameInput" prompt="Enter your name" />
    <s:TextInput id="emailInput" prompt="Enter your email" />
    <s:Button label="Submit" click="validateForm()" />

    <fx:Script>
        <![CDATA[
            private function validateForm():void {
                if (nameInput.text == "") {
                    Alert.show("Name is required!");
                } else if (emailInput.text == "") {
                    Alert.show("Email is required!");
                } else {
                    Alert.show("Form submitted successfully!");
                }
            }
        ]]>
    </fx:Script>
</s:Form>

এই উদাহরণে, একটি সাধারণ ফর্ম তৈরি করা হয়েছে এবং ইনপুট যাচাই করা হয়েছে। যদি ইউজার নাম বা ইমেইল ইনপুট না দেয়, তাহলে একটি ত্রুটির বার্তা দেখানো হবে।

Validators in Flex

Flex-এ বিভিন্ন প্রি-বিল্ট ভ্যালিডেটর রয়েছে, যা ইউজারের ইনপুট যাচাই করার জন্য ব্যবহৃত হয়। প্রধান ভ্যালিডেটরগুলো হল:

1. RegExpValidator:

   • এটি একটি নিয়মিত অভিব্যক্তি (RegEx) ব্যবহার করে ইনপুটের বৈধতা পরীক্ষা করে।
   • উদাহরণ:

   <s:RegExpValidator source="{emailInput}" property="text" expression="^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$" />
   

2. TextValidator:

   • এটি টেক্সট ইনপুটের জন্য ব্যবহার করা হয় এবং এটি নিশ্চিত করে যে ইনপুটটি খালি নয়।
   • উদাহরণ:

   <s:TextValidator source="{nameInput}" property="text" required="true" />
   

3. NumberValidator:

   • এটি ইনপুট যাচাই করে, যাতে শুধু সংখ্যাই প্রবেশ করা যায়।
   • উদাহরণ:

   <s:NumberValidator source="{ageInput}" property="text" minValue="18" maxValue="100" />
   

Custom Validators

Custom Validators Flex অ্যাপ্লিকেশনে ব্যবহারকারীর ইনপুট যাচাই করার জন্য বিশেষ শর্ত বা নিয়ম তৈরি করতে ব্যবহৃত হয়। যখন প্রি-বিল্ট ভ্যালিডেটরগুলো যথেষ্ট না হয়, তখন কাস্টম ভ্যালিডেটর তৈরি করা হয়।

Custom Validator তৈরি করার ধাপ:

1. Custom Validator ক্লাস তৈরি:
   • একটি নতুন ActionScript ক্লাস তৈরি করতে হবে যা Validator ক্লাস বা এর সাবক্লাসকে এক্সটেন্ড করবে।
2. validate() মেথড তৈরি করা:
   • validate() মেথডে কাস্টম শর্ত বা লজিক যোগ করা হয় যা ইনপুট যাচাই করে।

Custom Validator উদাহরণ:

package {
    import mx.validators.Validator;
    import mx.validators.ValidationResult;
    
    public class AgeValidator extends Validator {
        
        public function AgeValidator() {
            super();
        }

        override protected function doValidation(value:Object):Array {
            var results:Array = [];
            var age:int = int(value);

            if (isNaN(age) || age < 18 || age > 100) {
                results.push(new ValidationResult(true, "", "invalidAge", "Please enter a valid age between 18 and 100."));
            }

            return results;
        }
    }
}

এই কাস্টম ভ্যালিডেটরটি ইউজারের ইনপুটের মধ্যে বয়স যাচাই করে, যেখানে 18 এবং 100 এর মধ্যে একটি বৈধ বয়স ইনপুট করতে হবে। যদি এটি সঠিক না হয়, তাহলে একটি ত্রুটি বার্তা প্রদর্শিত হবে।

Custom Validator ব্যবহার:

<s:Form>
    <s:TextInput id="ageInput" prompt="Enter your age" />
    <s:Button label="Submit" click="validateAge()" />

    <fx:Script>
        <![CDATA[
            private function validateAge():void {
                var validator:AgeValidator = new AgeValidator();
                var results:Array = validator.validate(ageInput.text);
                
                if (results.length > 0) {
                    for each (var result:ValidationResult in results) {
                        if (result.isError) {
                            Alert.show(result.errorMessage);
                        }
                    }
                } else {
                    Alert.show("Age is valid!");
                }
            }
        ]]>
    </fx:Script>
</s:Form>

এই উদাহরণে, একটি কাস্টম AgeValidator তৈরি করা হয়েছে এবং এটি ইউজারের ইনপুট যাচাই করছে। যদি ইনপুট বৈধ না হয়, ত্রুটির বার্তা প্রদর্শিত হবে।

ValidationResult

ValidationResult হল একটি অবজেক্ট যা validation ফলাফল ধারণ করে। এটি ত্রুটির ধরন এবং ত্রুটির বার্তা প্রদর্শন করার জন্য ব্যবহৃত হয়।

• isError: যদি true হয়, তাহলে ইনপুট অবৈধ।
• errorMessage: ত্রুটির বার্তা যা ইউজারকে প্রদর্শন করতে হবে।

সারাংশ

1. Form Validation: Flex অ্যাপ্লিকেশনগুলিতে ফর্ম ভ্যালিডেশন নিশ্চিত করার জন্য validators ব্যবহার করা হয়। Flex বিভিন্ন প্রি-বিল্ট ভ্যালিডেটর সরবরাহ করে, যেমন RegExpValidator, TextValidator, NumberValidator ইত্যাদি।
2. Custom Validators: কাস্টম ভ্যালিডেটর তৈরি করা যেতে পারে, যা নির্দিষ্ট নিয়ম বা শর্ত পূরণ না করা ইনপুটকে অগ্রহণযোগ্য হিসেবে চিহ্নিত করে।
3. ValidationResult: ভ্যালিডেশন ফলাফল ধারণ করে এবং ত্রুটি বা সাফল্য বার্তা প্রদর্শন করতে সাহায্য করে।

Flex অ্যাপ্লিকেশনগুলিতে Form Validation এবং Custom Validators ব্যবহার করে ডেভেলপাররা ইউজারের ইনপুট যাচাই করতে পারেন, যা অ্যাপ্লিকেশনের কার্যকারিতা এবং সঠিকতা নিশ্চিত করে।