JQuery নিরবিচ্ছিন্ন বৈধতা কি?


148

আমি জানি যে jQuery বৈধতা প্লাগইন কি। আমি জানি jQuery আনব্রাস্ট্রিভ বৈধকরণ গ্রন্থাগারটি মাইক্রোসফ্ট তৈরি করেছে এবং এটিএসপি নেট নেট এমভিসি ফ্রেমওয়ার্কে অন্তর্ভুক্ত রয়েছে। তবে আমি কোনও একটি অনলাইন উত্স খুঁজে পাই না যা এটি কী তা ব্যাখ্যা করে। স্ট্যান্ডার্ড jQuery বৈধকরণ গ্রন্থাগার এবং "আপত্তিজনক" সংস্করণ মধ্যে পার্থক্য কি?


2
অবিচ্ছিন্ন বৈধতা HTML এ ডেটা-ভ্যাল -... বৈশিষ্ট্য যুক্ত করবে, তাই আপনি এইচটিএমএল উত্সেও বৈধতাটি পড়তে পারেন।
প্রেবেন হুব্রেচটস

3
আমি বিশ্বাস করি যে আপনার প্রশ্নের উত্তরটি এখানে ব্যাখ্যা করা হয়েছে: bradwilson.typepad.com/blog/2010/10/… Unobtrusive চালু বা বন্ধ থাকা অবস্থায় যা ঘটে তার মধ্যে পার্থক্যটি তিনি ব্যাখ্যা করেছেন।
টমি

উত্তর:


123

ব্র্যাড উইলসনের অবিচ্ছিন্ন বৈধতা এবং স্ববিরোধী এজাক্স সম্পর্কে কয়েকটি দুর্দান্ত নিবন্ধ রয়েছে ।
এটি "এজেএক্স এবং জাভাস্ক্রিপ্ট" বিভাগে এই বহুবচন ভিডিওতে খুব সুন্দরভাবে দেখানো হয়েছে ।

মূলত, এটি কেবল জাভাস্ক্রিপ্টের বৈধতা যা আপনার উত্স কোডকে তার নিজস্ব বৈধকরণ কোডের সাথে দূষিত করে না । এটি data-এইচটিএমএলে বৈশিষ্ট্যগুলি ব্যবহার করে করা হয়।


আপনি অনুগ্রহপূর্বক বৈধতার জন্য mvc3 এ করা উন্নতিগুলি দয়া করে বলতে পারেন?
wwcdwdcw

ভিডিওর লিঙ্কটি নষ্ট হয়ে গেছে।
মিশা মোরোশকো

এটি নির্দেশ করার জন্য আপনাকে @ মিশা মোরোশকোকে ধন্যবাদ। আমি আপাতত বহুবর্ষে কোনও বিকল্প খুঁজে পাইনি, তাই আমি লিঙ্কটি সরিয়েছি। আমার বিকল্প হওয়ার সাথে সাথে পোস্টটি আবার সম্পাদনা করব।
বার্টল

কিছু কোড উদাহরণ চমৎকার হবে। কারণ আপনার প্রতিক্রিয়া হিসাবে এটি সত্যই সহায়ক নয়, বেশিরভাগ লোকেরা এখানে দ্রুত সমাধান এবং কোডের নমুনাগুলি খুঁজছেন, নিবন্ধগুলির লিঙ্ক নয়, তারা সময়ের সাথে সাথে ভেঙে যেতে পারে, তারা হ'ল আপনার দেখার পরে তারা সাধারণত একটি রেফারেন্স হিসাবে ভাল কোড নমুনা। আমি পরবর্তী 2 টি উত্তর পছন্দ করি।
ওয়েন

107

অবাধ্য উপায় সহ:

  • আপনাকে বৈধতা () পদ্ধতিতে কল করতে হবে না।
  • আপনি ডেটা অ্যাট্রিবিউট (ডেটা-ভ্যাল, ডেটা-ভাল-প্রয়োজনীয়, ইত্যাদি) ব্যবহার করে প্রয়োজনীয়তা নির্দিষ্ট করে দিন

জ্যাকুরি বৈধতা উদাহরণ :

<input type="text" name="email" class="required">
<script>
        $(function () {
            $("form").validate();
        });
</script>

Jquery বৈধতা অবিরত উদাহরণ :

<input type="text" name="email" data-val="true" 
data-val-required="This field is required.">  

<div class="validation-summary-valid" data-valmsg-summary="true">
    <ul><li style="display:none"></li></ul>
</div>

4
আপনাকে ধন্যবাদ, আমি যে কোডটিতে কাজ করতে হয়েছিল তার মধ্যে ভালডিয়েট () কলটি সন্ধান করার জন্য আমি Ctrl-F চেষ্টা করছিলাম। ভাবছিলাম কেন আমি এটি পেলাম না
bio595

2
হ্যাঁ, "স্ববিরোধী" এখানে "অপরিবর্তনযোগ্য" এর জন্য শ্রুতিমধুরতা বলে মনে হচ্ছে।
প্রতিক্রিয়াপ্রাপ্ত

18

স্পষ্টকরণের জন্য, এখানে 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/


7

jQuery বৈধতা অবিরত নেটিভ ASP.Net এমভিসি এইচটিএমএল সাহায্যকারী এক্সটেনশনের একটি সংগ্রহ। এগুলি এইচটিএমএল 5 ডেটা অ্যাট্রিবিউট দ্বারা চালিত বৈধতার জন্য jQuery বৈধকরণের নেটিভ সাপোর্ট ব্যবহার করে। মাইক্রোসফ্ট jquery.uthorate.unobtrusive.js কে এমভিসি 3 এর সাথে প্রেরণ করে 3.

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.