JSF (JavaServer Faces) ফ্রেমওয়ার্কে ফর্ম ভ্যালিডেশন এবং ইউজার মেসেজিং অত্যন্ত গুরুত্বপূর্ণ। এটি ব্যবহারকারীর ইনপুটের সঠিকতা নিশ্চিত করতে এবং ইনপুট ত্রুটি সম্পর্কে প্রাসঙ্গিক মেসেজ প্রদান করতে ব্যবহৃত হয়। JSF এর h:message এবং h:messages ট্যাগ ব্যবহার করে আপনি সঠিকভাবে ইউজারের ইনপুটের ত্রুটি বা সফলতা সম্পর্কিত মেসেজ প্রদর্শন করতে পারেন।
h:message কম্পোনেন্ট
h:message কম্পোনেন্টটি একটি নির্দিষ্ট কম্পোনেন্টের সাথে সম্পর্কিত ত্রুটি বা মেসেজ প্রদর্শন করতে ব্যবহৃত হয়। এটি সাধারণত ইনপুট ফিল্ডের পাশে ত্রুটির মেসেজ দেখানোর জন্য ব্যবহার করা হয়।
h:message এর বৈশিষ্ট্য:
- এটি শুধুমাত্র একক কম্পোনেন্টের জন্য ত্রুটির মেসেজ দেখাবে।
forঅ্যাট্রিবিউটের মাধ্যমে এটি কোন ইনপুট ফিল্ডের জন্য ত্রুটি দেখাবে তা নির্ধারণ করা হয়।- এটি বিল্ট-ইন ভ্যালিডেশন মেসেজ প্রদর্শন করতে পারে।
h:message এর উদাহরণ:
<h:form>
<h:inputText value="#{userBean.username}" id="username">
<f:validateLength minimum="5" maximum="15" />
</h:inputText>
<h:message for="username" styleClass="error" />
<h:commandButton value="Submit" action="#{userBean.submit}" />
</h:form>
এখানে:
h:inputTextএকটি ইনপুট ফিল্ড তৈরি করেছে, যেখানে ব্যবহারকারী নাম ইনপুট করবে।f:validateLengthভ্যালিডেটর ব্যবহার করে এটি নিশ্চিত করছে যে, ব্যবহারকারী নাম ৫ থেকে ১৫ অক্ষরের মধ্যে হতে হবে।h:message for="username"ইনপুট ফিল্ডের সাথে সম্পর্কিত ত্রুটি মেসেজ দেখাবে, যদি ইনপুটটি ভ্যালিড না হয়।
h:message এর স্টাইলিং:
.error {
color: red;
font-size: 12px;
}
এখানে, .error ক্লাসটি h:message কম্পোনেন্টের ত্রুটির মেসেজের জন্য রেড কালার এবং ছোট আকারের ফন্ট স্টাইল প্রদান করেছে।
h:messages কম্পোনেন্ট
h:messages কম্পোনেন্টটি একটি ফর্মের সমস্ত ত্রুটি বা বার্তা একসাথে প্রদর্শন করতে ব্যবহৃত হয়। এটি সাধারণত সমস্ত ইনপুট ফিল্ডের ভ্যালিডেশন ত্রুটি এক জায়গায় দেখানোর জন্য ব্যবহার করা হয়। এটি সমস্ত ত্রুটি একত্রিত করে একটি তালিকা আকারে দেখায়।
h:messages এর বৈশিষ্ট্য:
- এটি একাধিক ত্রুটি মেসেজ একসাথে প্রদর্শন করে।
- আপনি নির্দিষ্ট কোন কম্পোনেন্টের ত্রুটি প্রদর্শন করতে চাইলে
globalOnlyঅ্যাট্রিবিউট ব্যবহার করতে পারেন। errorStyleClassএবংinfoStyleClassঅ্যাট্রিবিউট ব্যবহার করে মেসেজের স্টাইল কাস্টমাইজ করা যায়।
h:messages এর উদাহরণ:
<h:form>
<h:inputText value="#{userBean.username}" id="username">
<f:validateLength minimum="5" maximum="15" />
</h:inputText>
<h:inputText value="#{userBean.email}" id="email">
<f:validateRegex pattern="^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$" />
</h:inputText>
<!-- Display all validation error messages -->
<h:messages globalOnly="true" styleClass="errorMessages" />
<h:commandButton value="Submit" action="#{userBean.submit}" />
</h:form>
এখানে:
- দুটি ইনপুট ফিল্ড রয়েছে: একটি
usernameএবং একটিemailফিল্ড। h:messagesসমস্ত ত্রুটির মেসেজ একত্রে প্রদর্শন করবে, যেমন যদি ইনপুট ফিল্ডগুলির মধ্যে কোনো ত্রুটি থাকে।
h:messages এর স্টাইলিং:
.errorMessages {
color: red;
font-size: 14px;
list-style-type: none;
}
এখানে, .errorMessages ক্লাসটি ত্রুটি মেসেজের জন্য রেড কালার এবং বড় আকারের ফন্ট স্টাইল প্রদান করেছে, এবং মেসেজগুলি একটি তালিকা আকারে দেখানো হবে।
h:message এবং h:messages এর মধ্যে পার্থক্য
| বৈশিষ্ট্য | h:message | h:messages |
|---|---|---|
| ব্যবহার | একক কম্পোনেন্টের জন্য ত্রুটি মেসেজ দেখানোর জন্য | সমস্ত ত্রুটি মেসেজ একত্রে প্রদর্শন করার জন্য |
| উদাহরণ | h:message for="username" | h:messages |
| আউটপুট | একটি নির্দিষ্ট ইনপুট ফিল্ডের ত্রুটি মেসেজ | সমস্ত ইনপুট ফিল্ডের ত্রুটি মেসেজ একসাথে |
| বিশেষত্ব | নির্দিষ্ট কম্পোনেন্টের সাথে সম্পর্কিত | সমস্ত ত্রুটি বার্তা একসাথে দেখায় |
সারাংশ
JSF ফ্রেমওয়ার্কের h:message এবং h:messages ট্যাগ ব্যবহার করে আপনি ফর্ম ভ্যালিডেশন এবং ইউজার মেসেজিং সহজে পরিচালনা করতে পারেন। h:message একক কম্পোনেন্টের জন্য ত্রুটি প্রদর্শন করে, যেখানে h:messages সমস্ত ত্রুটি মেসেজ একত্রে প্রদর্শন করে। এই ট্যাগগুলো ব্যবহার করে আপনি একটি ব্যবহারকারী-বান্ধব এবং সঠিক ফর্ম ভ্যালিডেশন ইন্টারফেস তৈরি করতে পারবেন, যা ইউজারের জন্য ত্রুটি বা সফলতার মেসেজ উপস্থাপন করে।
Read more
