স্পষ্টকরণের জন্য, এখানে jQuery বৈধকরণ বিরামহীন ব্যবহার করে ফর্ম বৈধকরণ প্রদর্শনের আরও বিশদ উদাহরণ।
উভয়ই jQuery সহ নিম্নলিখিত জাভাস্ক্রিপ্ট ব্যবহার করুন:
$("#commentForm").validate({
submitHandler: function(form) {
// some other code
// maybe disabling submit button
// then:
alert("This is a valid form!");
// form.submit();
}
});
দুটি প্লাগইনের মধ্যে প্রধান পার্থক্য হ'ল প্রতিটি পদ্ধতির জন্য ব্যবহৃত বৈশিষ্ট্য।
jQuery বৈধকরণ
কেবল নিম্নলিখিত বৈশিষ্ট্যগুলি ব্যবহার করুন:
- প্রয়োজনে সেট করুন
- যথাযথ বিন্যাসকরণের জন্য প্রকার সেট করুন (ইমেল ইত্যাদি)
- আকারের মতো অন্যান্য বৈশিষ্ট্যগুলি সেট করুন (মিনিটের দৈর্ঘ্য ইত্যাদি)
ফর্মটি এখানে ...
<form id="commentForm">
<label for="form-name">Name (required, at least 2 characters)</label>
<input id="form-name" type="text" name="form-name" class="form-control" minlength="2" required>
<input type="submit" value="Submit">
</form>
jQuery বৈধতা অবিরত
নিম্নলিখিত তথ্য বৈশিষ্ট্য প্রয়োজন:
- ডেটা-চিত্র-প্রয়োজনীয় = "এটি প্রয়োজনীয়।"
- ডেটা-নিয়ম-প্রয়োজনীয় = "সত্য / মিথ্যা"
ফর্মটি এখানে ...
<form id="commentForm">
<label for="form-x-name">Name (required, at least 2 characters)</label>
<input id="form-x-name" type="text" name="name" minlength="2" class="form-control" data-msg-required="Name is required." data-rule-required="true">
<input type="submit" value="Submit">
</form>
এই উদাহরণগুলির মধ্যে যে কোনওটির ভিত্তিতে, যদি প্রয়োজনীয় ফর্ম ক্ষেত্রগুলি পূরণ করা হয় এবং তারা অতিরিক্ত বৈশিষ্ট্যের মানদণ্ড পূরণ করে, তবে একটি বার্তা সমস্ত ফর্ম ক্ষেত্রগুলি বৈধ হয়েছে তা উল্লেখ করে পপ আপ হবে। অন্যথায়, আপত্তিজনক ফর্ম ক্ষেত্রগুলির কাছে পাঠ্য থাকবে যা ত্রুটিটি নির্দেশ করে।
তথ্যসূত্র: - jQuery এর ভ্যালিডেশন: https://jqueryvalidation.org/documentation/