ইনপুট ক্ষেত্রগুলিতে jQuery অ্যাড প্রয়োজন


171

আমি আমার সমস্ত ইনপুট ক্ষেত্রে html5 বৈধতা ব্যবহার করে jQuery স্বয়ংক্রিয়ভাবে লেখার উপায়গুলি সন্ধান করছি তবে এটি কোথায় লিখতে হবে তা বলতে আমার সমস্যা হচ্ছে।

আমি এটি নিতে চাই

 <input type="text" name="first_name" value="" id="freeform_first_name"
 maxlength="150">

এবং এটি স্বয়ংক্রিয়ভাবে যোগ করুন প্রয়োজনীয় ক্লোজিং ট্যাগের ঠিক আগে

 <input type="text" name="first_name" value="" id="freeform_first_name"
 maxlength="150" required>

আমি ভেবেছিলাম আমি লাইন ধরে কিছু করতে পারি

$("input").attr("required", "true");

কিন্তু এটি কাজ করে না। কোন সাহায্য ব্যাপকভাবে প্রশংসা করা হয়।


2
এটি কি ডোমে রেড নয়? $(function(){....});
পিএসএল


যদি 'ইনপুট' একটি আইডি হয় তবে জিকুরিটি এখানে নির্বাচকটিতে # টি অনুপস্থিত।
জন মেয়ার

@ জনমায়ার "ইনপুট" একটি ট্যাগ নির্বাচক। ইনপুট ট্যাগগুলিকে লক্ষ্য করে নিলে # প্রয়োজন নেই
স্পার্টাকাস

উত্তর:


420
$("input").prop('required',true);

DEMO FIDDLE


1
হুম, একটি জমা বোতাম যুক্ত হয়েছে তবে এখনও বৈধতা দেয় না বা ইনপুট ক্ষেত্রে প্রয়োজনীয় বৈশিষ্ট্য যুক্ত হয় না। জেএসফিডেল.এন.
মিউরা-শি

1
@ জনমায়ার "ইনপুট" একটি ট্যাগ নির্বাচক
মোরফ্রোমালান ma

1
একটি TypeError: element.prop is not a functionত্রুটি পেয়েছিল
ডেভিডেজেজ

@ মিউরা-শি আপনি <form></form>নিজের জেএসফিডালে ট্যাগগুলি মিস করছেন
জেসেস্টেক

যদি এটি কাউকে সহায়তা করতে পারে: এটি প্রথমে আমার পক্ষে কাজ করছিল না কারণ আমি ফোন .prop('required',true)করার আগে ইনপুটটিতে ফোন .css("display", "block")করেছিলাম।
ইলেক্ট্রোটাইপ

52

আপনি এটির ব্যবহার করে এটি করতে পারেন, আপনি যে ভুলটি করেছেন তা হ'ল আপনি সত্যের ভিতরে উদ্ধৃতি রেখেছেন। পরিবর্তে এই চেষ্টা করুন:

$("input").attr("required", true);

2
@ জনমায়ার "ইনপুট" একটি ট্যাগ নির্বাচকের নাম
dave4jr

requiredএকটি হল বুলিয়ান অ্যাট্রিবিউট এবং শুধুমাত্র কি কখনো বাদ দেওয়া উচিত ( "মিথ্যা" জন্য), অথবা তার নাম (যেমন হিসাবে একই মান আছে "required""সত্য" জন্য)। এটি ব্যবহার করা আসলে ভাল .prop()
Alnitak

@ অ্যালনিটাক আপনি যদি আইই এর সাথে সামঞ্জস্যপূর্ণ কোনও সাইট তৈরির জন্য কাজ করছেন না তবে prop()সেখানে আধুনিক ব্রাউজারগুলিতে যেমন কাজ করা হয় না তেমন। এখনও ব্যবহার $(ele).attr("required", true)এবং falseঅপসারণ সেরা।
অলিভার হেওয়ার্ড

29

আমি দেখতে পেয়েছি যে নিম্নলিখিত প্রয়োগগুলি কার্যকর:

$('#freeform_first_name').removeAttr('required');

$('#freeform_first_name').attr('required', 'required');

এই কমান্ডগুলি (অ্যাট্রি, রিমুভ অ্যাটার, প্রপ) আপনি ব্যবহার করছেন জিকুয়েরির সংস্করণের উপর নির্ভর করে আলাদা আচরণ করে। এখানে ডকুমেন্টেশন রেফারেন্স করুন: https://api.jquery.com/attr/


6

.attrপদ্ধতি ব্যবহার

.attr(attribute,value); // syntax

.attr("required", true);
// required="required"

.attr("required", false);
// 

ব্যবহার .prop

.prop(property,value) // syntax

.prop("required", true);
// required=""

.prop("required", false);
//

এখান থেকে আরও পড়ুন

https://stackoverflow.com/a/5876747/5413283


4

আমি দেখেছি যে jquery 1.11.1 নির্ভরযোগ্যভাবে এটি করে না।

আমি ব্যবহার করেছি $('#estimate').attr('required', true)এবং $('#estimate').removeAttr('required')

অপসারণ requiredনির্ভরযোগ্য ছিল না। এটি কখনও কখনও requiredমান ছাড়াই বৈশিষ্ট্যটি ছেড়ে দেয় । যেহেতু requiredএকটি বুলিয়ান আতিবাট, তাই এর নিছক উপস্থিতি, মূল্যহীন, ব্রাউজার হিসাবে দেখা যায় true

এই বাগটি মাঝেমধ্যে ছিল এবং আমি এটির সাথে জগাখিচিতে ক্লান্ত হয়ে পড়েছিলাম। স্যুইচ করা হয়েছে document.getElementById("estimate").required = trueএবং document.getElementById("estimate").required = false


removeAttrআমার কাজ করে না তারপরে আমি আপনার সমাধানটি ব্যবহার করি এবং সূক্ষ্মভাবে কাজ করি। ধন্যবাদ!
দিয়েগো সোমার 31'17

4

ঘিরা না করা উচিত সত্য সঙ্গে ডাবল উদ্ধৃতি "" এটা কেমন হওয়া উচিত

$(document).ready(function() {            
   $('input').attr('required', true);   
});

এছাড়াও আপনি প্রপ ব্যবহার করতে পারেন

jQuery(document).ready(function() {            
   $('input').prop('required', true);   
}); 

সত্যের পরিবর্তে আপনি প্রয়োজনীয় চেষ্টা করতে পারেন। যেমন

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