একবার আপনি একটি এইচটিএমএল গঠন এবং চলমান একবার, আপনি প্রায়ই সব গুরুত্বপূর্ণ ক্ষেত্র ভরা হয় নিশ্চিত করতে চাইবেন। উদাহরণস্বরূপ, যদি আপনি একটি ইমেল নিশ্চিতকরণ চিঠি পাঠাতে যাচ্ছেন, ইমেইল ঠিকানা ফর্ম ক্ষেত্র অন্তর্ভুক্ত করা উচিত , এবং এটি কাজ করে যে একটি ইমেল ঠিকানা হওয়া উচিত।
আপনার ফর্মগুলি যাচাই করার দুটি উপায় আছে:
- জাভাস্ক্রিপ্ট ব্যবহার
- একটি CGI স্ক্রিপ্ট ব্যবহার করে
ফরম যাচাই করার জন্য জাভাস্ক্রিপ্ট ব্যবহার করার দক্ষতা
- জাভাস্ক্রিপ্ট ব্যবহার করে আপনি কোন সার্ভার প্রসেসর সময় ব্যবহার করবেন না। সমস্ত প্রক্রিয়াকরণ ক্লায়েন্ট কম্পিউটারে করা হয়।
- এটি প্রায়ই CGI বৈধতা তুলনায় দ্রুত কাজ প্রদর্শিত হবে।
- যেহেতু ফর্ম পৃষ্ঠাটি পরিবর্তিত হয় না, তাই পাঠকদের ত্রুটিগুলি ঠিক করার জন্য এটি সহজ।
ফরম যাচাই করার জন্য জাভাস্ক্রিপ্ট ব্যবহার করে কনস
- জাভাস্ক্রিপ্ট কেবল ব্রাউজারে কাজ করে যা এটি সক্ষম করেছে। জাভাস্ক্রিপ্ট অক্ষম থাকলে, আপনার ত্রুটি পরীক্ষা সম্পন্ন না হয়।
ফর্ম যাচাই করার জন্য CGI ব্যবহার করার দক্ষতা
- যাচাই করার জন্য একটি CGI ব্যবহার করে যে ফর্মটি জমা দেওয়া হয় তা প্রত্যেক সময়, বৈধতা চালানো হবে।
ফর্ম যাচাই করার জন্য CGI ব্যবহার করে কনস
- CGI ওয়েব সার্ভারে আরো লোড রাখে, এবং CGI- এ অন্তর্ভুক্ত প্রতিটি ফাংশন সার্ভারের জন্য আরও একটি কার্য।
- CGI চালানোর জন্য ধীর হতে পারে
- যদি কোনও ত্রুটি থাকে তবে গ্রাহককে ফর্মটির প্রথম পৃষ্ঠায় ফিরে যেতে হবে, অথবা ফর্ম পৃষ্ঠাটি পুনরায় লেখার জন্য CGI- র অন্য একটি ফাংশন প্রয়োজন।
আমি এটি হ্যান্ডেল উপায় জাভাস্ক্রিপ্ট সঙ্গে ভুল ত্রুটি সংশোধন অধিকাংশ আছে। এই ভাবে, এটি পাঠকদের জন্য দ্রুত এবং সহজ।
আমি তারপর CGI সঙ্গে ফর্ম গুরুত্বপূর্ণ উপাদান পুনর্বিবেচনার
এইচটিএমএল ফর্ম যাচাই করতে জাভাস্ক্রিপ্ট কিভাবে ব্যবহার করবেন
ফর্ম বৈধতা তৈরির মৌলিক প্রেক্ষাপট হল প্রয়োজনীয় উপাদানগুলির নাম সন্ধান করা, এবং যদি তারা খালি থাকে তবে একটি ত্রুটি বার্তা প্রদর্শন করুন।
বেশিরভাগ ত্রুটি চেকিং প্রোগ্রাম এক সময়ে প্রতিটি ক্ষেত্র পরীক্ষা করে, এবং এক সময়ে একটি ত্রুটি প্রদর্শন।
এই ফর্ম ক্লান্তিকর পূরণ করতে পারেন, এবং মানুষ মাঝখানে বন্ধ হতে পারে যদি আপনি নিম্নোক্ত স্ক্রিপ্ট এবং পার্ল উৎস ব্যবহার করেন তবে আপনি একটি সম্পূর্ণ ফর্মটি একযোগে যাচাই করতে পারবেন, আপনার সিরিজের একটি ত্রুটির বার্তা প্রদর্শন করে যা আপনার পাঠক তারপর ফিরে যেতে পারেন এবং ঠিক করতে পারেন।
একটি ফর্ম যাচাই করার জন্য জাভাস্ক্রিপ্ট
আপনার এইচটিএমএল এর প্রধান অংশে, আপনি ফর্ম বৈধকরণ করতে একটি স্ক্রিপ্ট তৈরি করা উচিত:
- স্ক্রিপ্ট সেট আপ করুন, এবং এটি জাভাস্ক্রিপ্ট পরিচালনা করতে পারবেন না যে ব্রাউজার থেকে লুকানো আছে তা নিশ্চিত করুন <স্ক্রিপ্ট ল্যাঙ্গুয়েজ = "জাভাস্ক্রিপ্ট">
- এটি ফাংশন কল যা বৈধতা শুরু করে। এটি আপনার স্ক্রিপ্টের শীর্ষে আপনার ভেরিয়েবল সেট করার জন্য ভাল ফর্ম।
ফাংশন যাচাইকারী (ফরম)
{var ত্রুটি = ""; - আপনার ফর্মে ড্রপ ডাউন উপাদান থাকলে, আপনি খালি ক্ষেত্রের মত প্রথম বিকল্পটি অন্তর্ভুক্ত করুন (যেমন <বিকল্প মান = ""> এক নির্বাচন করুন option>) আপনি ক্ষেত্রের যে কোনও পাঠ্য অন্তর্ভুক্ত করতে পারেন, যেমন দীর্ঘ হিসাবে মান ফাঁকা হয়। তারপর, আপনি যখন এটির বিরুদ্ধে বৈধতা যাচাই করেন, কেবল প্রথম অপশনটি (ফাঁকা এক) এখনও সেট করা হয় কিনা তা দেখুন, যদি এটি হয় তবে ত্রুটি বার্তাটি লিখুন। যদি (theForm.dd.options [0]। নির্বাচিত == সত্য)
{
error + = "দয়া করে ড্রপ ডাউন তালিকা থেকে নির্বাচন করুন। \ n";} - পাঠ্য উপাদানগুলি যাচাই করার জন্য সবচেয়ে সহজ। মানটি ফাঁকা কিনা তা দেখতে কেবল পরীক্ষা করুন। যদি এটি হয় তবে ত্রুটি বার্তাটি সেট করুন। যদি (theForm.words.value == "")
{
error + = "দয়া করে পাঠ্য উপাদানটি পূরণ করুন। \ n";}
- আপনি একটি পাঠ্য ক্ষেত্রের মধ্যে তথ্য টাইপ বৈধ করতে চান, আপনি একটি বিট fancier পেতে আছে। স্ক্রিপ্টের এই স্নিপেটটি একটি টেক্সট বাক্সে দেখায় যাতে এটির মধ্যে অ-সংখ্যাসূচক অক্ষর থাকে (পরিবর্তনশীল "সংখ্যা" এটি কী খুঁজছে তা সংজ্ঞায়িত করে)।
var সংখ্যা = "0123456789";
যদি (theform.number.value == "")
{
error + = "দয়া করে একটি সংখ্যা পূরণ করুন। \ n";
}
জন্য (var আমি = 0; আমি
{
temp = theform.number.value.substring (i, i + 1)
যদি (সংখ্যা। ইনডঅক্সঅফ (temp) == -1 && ফরম.নম্বার.মূল্য! = "")
{
error + = "সংখ্যাসূচক পাঠ্য সংখ্যা হওয়া আবশ্যক। \ n";
বিরতি;
}}
জাভাস্ক্রিপ্টের সাথে একটি ইমেল ঠিকানা যাচাই করুন
- স্ক্রিপ্টটির এই অংশটি কীভাবে একটি ইমেল ঠিকানা যাচাই করতে হয় তা দেখায়। এটি একটি খুব সহজ বৈধতা, এটি শুধুমাত্র একটি @ -সাইন এবং একটি সময়ের আছে নিশ্চিত করতে পরীক্ষা করে লোকেরা এখনও জাল ইমেল ঠিকানাগুলি রাখে, কিন্তু এটি ভুল এন্ট্রিগুলি সামান্য কমাতে সহায়তা করে।
যদি (theForm.email.value == "")
{
error + = "আপনি একটি প্রতিক্রিয়া জন্য একটি সঠিক ইমেল ঠিকানা অন্তর্ভুক্ত করা আবশ্যক। \ n";
}
যদি ((theform.email.value.indexOf ('@', 0) == -1 ||
TheForm.email.value.indexOf ('।', 0) == -1) && theform.email.value! = "")
{
error + = "দয়া করে যাচাই করুন আপনার ইমেল ঠিকানাটি বৈধ।";
}
- এটি স্ক্রিপ্টের মাংস। এটি দুটি জিনিস করে: প্রথমত, এটি একটি ত্রুটি সেট আছে কিনা দেখতে পরীক্ষা করে। যদি থাকে তবে এটি একটি সতর্ক বার্তা হিসাবে প্রদর্শন করে। তারপর এটি মিথ্যা এর ফেরত মান পাঠায় যাতে ফর্ম তথ্য সার্ভারে পাঠানো হয় না। আপনার ত্রুটির বার্তাগুলি (যদি বিবৃতিগুলিতে উপরে সেট করা থাকে), সবগুলি লাইনের শেষে "\ n" অন্তর্ভুক্ত করে। এই লাইন শেষে একটি ক্যারেজ রিটার্ন (বা "প্রবেশ করুন" বা "নতুন লাইন") প্রবেশ করার জন্য ব্রাউজার বলে। তারপর, যদি কয়েকটি ত্রুটির বার্তা থাকে তবে তারা সবগুলি আলাদা লাইনে থাকবে। যদি কোনও ত্রুটির বার্তা সেট না থাকে, তাহলে ত্রুটি ভেরিয়েবলটি ফাঁকা থাকবে (যেখানে আমরা এটি স্ক্রিপ্টের উপরে সেট করব), এবং যাতে CGI দ্বারা পরিচালিত হওয়ার জন্য ফর্ম তথ্য সার্ভারে পাঠানো হবে।
যদি (ত্রুটি! = "")
{
সতর্কতা (ত্রুটি);
ফেরত (মিথ্যা);
} অন্য {
ফেরত (সত্য);
} - আপনার স্ক্রিপ্ট বন্ধ করতে ভুলবেন না।
}
// -> script>
তারপর, স্ক্রিপ্ট কল করার জন্য, ফর্ম ট্যাগে একটি অ্যানসুবিট উপাদান রাখুন:
ফর্ম যাচাই করার জন্য CGI
এই পার্ল স্ক্রিপ্ট CGI স্নিপেট জাভাস্ক্রিপ্ট হিসাবে একই জিনিস। প্রয়োজনীয় ক্ষেত্রগুলি সেখানে আছে তা দেখতে এটি পরীক্ষা করে, এবং যদি না হয় তবে প্রদর্শনীর জন্য একটি ভেরিয়েবলের একটি ত্রুটি বার্তা সংরক্ষণ করে:
#! / usr / local / বিন / Perl
$ ত্রুটি = "";
যদি ($ '{' dd '} eq "")
{
$ ত্রুটি + = "
ড্রপ ডাউন বক্স থেকে নির্বাচন করুন।
";
}
যদি ($ '{' শব্দ '} "eq" $ ")
{
$ ত্রুটি + = "
পাঠ্য বাক্সে কিছু শব্দ অন্তর্ভুক্ত করুন দয়া করে।
";
}
# ... সমস্ত ক্ষেত্রগুলি যাচাই করা চালিয়ে যান
যদি ($ ত্রুটি)
মুদ্রণ "সামগ্রী-টাইপ: পাঠ্য / html \ n \ n";
মুদ্রণ "
প্রিন্ট " head>
মুদ্রণ " একটি ত্রুটি ঘটেছে h2>";
মুদ্রণ $ ত্রুটি;
মুদ্রণ "ফিরে যান এবং এই ত্রুটিগুলি সংশোধন করুন।";
মুদ্রণ " body> html>";
} অন্য {
# CGI সঙ্গে যান ...
}
সিগি কিভাবে ত্রুটি বার্তাটি লিখেছে তার সাথে পার্থক্যটি হল "\ n" এর পরিবর্তে, এটি প্রতিটি অনুচ্ছেদের মধ্যে একটি নতুন লাইন রাখার জন্য HTML অনুচ্ছেদ ট্যাগ ব্যবহার করে।
এবং এখন আপনি আপনার ফর্ম যাচাই করেছি
দুটি পদ্ধতি দিয়ে, CGI এবং জাভাস্ক্রিপ্ট, আপনি একটি এইচটিএমএল ফর্ম বৈধ করা হয়েছে যাতে আপনার পাঠানো অংশ আরো সঠিক হয়।