jQuery বৈধকরণ প্লাগইন ব্যবহার করে কোনও ফর্ম প্রোগ্রামযুক্তভাবে বৈধ কিনা তা পরীক্ষা করে দেখুন

Question

বেশ কয়েকটি বোতামের সাথে আমার একটি ফর্ম রয়েছে এবং আমি http://jquery.bassistance.de/uthorate/ থেকে jQuery বৈধকরণ প্লাগইন ব্যবহার করছি । আমি কেবল জানতে চাই যে আমার জাভাস্ক্রিপ্ট কোডের যে কোনও জায়গা থেকে jquery বৈধতা প্লাগইন দ্বারা ফর্মটি বৈধ অবস্থায় বিবেচনা করা হচ্ছে কিনা তা পরীক্ষা করে দেখতে পারি কিনা way

Comments

: HTML5 এর ভ্যানিলা জাতীয় (কোন jQuery এর) ব্যবহার করতে চায় তাদের জন্য stackoverflow.com/questions/12470622/...

— 2540625

Answer 1

.valid()JQuery বৈধকরণ প্লাগইন থেকে ব্যবহার করুন :

$("#form_id").valid();

নির্বাচিত ফর্মটি বৈধ কিনা বা সমস্ত নির্বাচিত উপাদান বৈধ কিনা তা পরীক্ষা করে। এই পদ্ধতিটি ব্যবহার করে যাচাইকরণের আগে বৈধতা () ফর্মটিতে কল করা দরকার।

যেখানে ফর্মটি id='form_id'এমন একটি ফর্ম যা এটি ইতিমধ্যে .validate()ডেকেছে।

Comments

আপনাকে ধন্যবাদ, আমি ইতিমধ্যে এমন কিছু করছিলাম: $ j ("# মাইফর্ম লেবেল.অরর") each ) {বিদ্যমানErferences = সত্য;}}); : এস ধন্যবাদ

— জাইমে হাবলুটজেল

@ জাইম: সমস্যা নেই, সাহায্য করতে পেরে আনন্দিত:)

— অ্যান্ড্রু হুইটেকার

প্রথমে প্রথমে .)ate () চালানোর দরকার নেই। আপনি যদি (form. માન્ય ()) {} করতে পারেন এবং এটি কাজ করবে, যেখানে 'ফর্ম' হ'ল ফর্ম উপাদানটিকে আপনি টার্গেট করছেন You

— গ্যারেথ ডেইন

TypeError: $ ("# myForm")। বৈধ () কোনও ফাংশন নয়।

— আর্টগ্রোহ

আপনি যদি TypeError valid() not a functionআপনার ফাইলটিতে একটি প্লাগইন অ্যাড করেন তবে এটি প্লাগইনটি jquery লাইব্রেরিতে অন্তর্ভুক্ত নয় যেমন eg <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>

— 15:50

Answer 2

2015 এর উত্তর: আমাদের কাছে আধুনিক ব্রাউজারগুলির বাক্সটি রয়েছে, কেবল jQuery থেকে এইচটিএমএল 5 চেকভালিডিটি API ব্যবহার করুন । এটি করার জন্য আমি jquery-html5- বৈধতা মডিউলও তৈরি করেছি :

npm install jquery-html5-validity

তারপরে:

var $ = require('jquery')
require("jquery-html5-validity")($);

তাহলে আপনি চালাতে পারেন:

$('.some-class').isValid()

true

Comments

আমরা কি একে একে পুরো ফর্মে কল করতে পারি প্রতিটি উপাদানকে নয়?

— parisssss

দুর্দান্ত! ঠিক আমি যা খুঁজছিলাম

— ফেস্টার

আমি validফাংশনটির চেয়ে এটি পছন্দ করি কারণ এটি validateফাংশনটি কল করে না এবং আপনার ফর্মটি বৈধ করে না ।

— কেভিনআডু

@ পারিসসস অনুরোধ অনুযায়ী একাধিক নির্বাচনের জন্য এটি করার জন্য একটি মডিউল তৈরি করেছিলেন।

— মাইকম্যাকানা

Answer 3

@ মাইকমেচানা উত্তরটি দরকারী।

এবং আমি https://github.com/ryanseddon/H5F ব্যবহার করেছি । Http://microjs.com এ পাওয়া গেছে । এটি একধরণের পলিফিল এবং আপনি এটি নীচে ব্যবহার করতে পারেন (উদাহরণস্বরূপ jQuery ব্যবহৃত হয়):

if ( $('form')[0].checkValidity() ) {
    // the form is valid
}

Comments

এটি আরও ভাল যেহেতু এটি ফর্মের বৈধতা ট্রিগার করে না

— বিশ্ব হান্না

প্যাটার্ন বৈশিষ্ট্য সহ কাজ করুন। ধন্যবাদ

— এমজে ভাকিলি

Answer 4

বৈধ () পদ্ধতি।

http://docs.jquery.com/ প্লাগইনস / ভ্যালিডেশন / বৈধ

Answer 5

আই-কন্ট্রিবিউট: সঠিক উত্তরের জন্য কখনও দেরি হয় না।

var form = $("form#myForm");
if($('form#myForm > :input[required]:visible').val() != ""){
  form.submit();
}else{
  console.log("Required field missing.");
}

এইভাবে 'প্রয়োজনীয়' ক্ষেত্রগুলির জন্য প্রাথমিক HTML5 বৈধকরণটি ফর্মের 'নাম' মানগুলি ব্যবহার করে স্ট্যান্ডার্ড জমাটিতে হস্তক্ষেপ না করেই ঘটে।

Comments

দ্রষ্টব্য, এটি :inputএবং :visibleনির্বাচকরা jQuery এক্সটেনশন এবং CSS এর অংশ নয়। দস্তাবেজগুলিতে

— জেরাদ্লাস_আরইউ

একটি ফর্ম এছাড়াও প্যাটার্ন ম্যাচিং কারণে এবং শুধুমাত্র প্রয়োজনীয় ক্ষেত্রগুলি অনুপস্থিত অবৈধ হতে পারে

— অকপট

Answer 6

একদল ইনপুটগুলির জন্য আপনি @ মাইকম্যাকানার উত্তরের ভিত্তিতে একটি উন্নত সংস্করণ ব্যবহার করতে পারেন

$.fn.isValid = function(){
    var validate = true;
    this.each(function(){
        if(this.checkValidity()==false){
            validate = false;
        }
    });
};

ফর্মটি বৈধ কিনা তা যাচাই করতে এখন আপনি এটি ব্যবহার করতে পারেন:

if(!$(".form-control").isValid){
    return;
}

সমস্ত ত্রুটি বার্তা পেতে আপনি একই কৌশলটি ব্যবহার করতে পারেন:

$.fn.getVelidationMessage = function(){
    var message = "";
    var name = "";
    this.each(function(){
        if(this.checkValidity()==false){
            name = ($( "label[for=" + this.id + "] ").html() || this.placeholder || this.name || this.id);
            message = message + name +":"+ (this.validationMessage || 'Invalid value.')+"\n<br>";
        }
    })
    return message;
}

Comments

আপনার জন্য .each () করতে আমি একটি jQuery প্লাগইন তৈরি করেছি।

— মাইকমেকানা

Answer 7

ম্যাজেন্টোর জন্য, আপনি নীচের মতো কিছু দিয়ে ফর্মটির বৈধতা পরীক্ষা করে দেখুন।

আপনি এটি চেষ্টা করতে পারেন:

require(["jquery"], function ($) {
    $(document).ready(function () {
        $('#my-button-name').click(function () { // The button type should be "button" and not submit
            if ($('#form-name').valid()) {
                alert("Validation pass");
                return false;
            }else{
                alert("Validation failed");
                return false;
            }
        });
    });
});

আশা করি এটি আপনাকে সাহায্য করতে পারে!