jQuery จำเป็นต้องมีการเพิ่มไปยังช่องใส่

ฉันค้นหาวิธีที่จะให้เขียน jQuery โดยอัตโนมัติโดยใช้การตรวจสอบ html5 ไปยังฟิลด์ป้อนข้อมูลของฉันทั้งหมด แต่ฉันมีปัญหาในการบอกตำแหน่งที่จะเขียน

ฉันต้องการสิ่งนี้

 <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");

แต่มันไม่ทำงาน ความช่วยเหลือใด ๆ ที่ชื่นชมอย่างมาก

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

DEMO FIDDLE

คุณสามารถทำได้โดยใช้ attr ข้อผิดพลาดที่คุณทำคือใส่คำพูดจริง แทนที่จะลองทำสิ่งนี้:

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

ฉันพบว่าการใช้งานต่อไปนี้มีประสิทธิภาพ:

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

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

คำสั่งเหล่านี้ (attr, removeAttr, prop) ทำงานแตกต่างกันไปขึ้นอยู่กับรุ่นของ JQuery ที่คุณใช้ โปรดอ้างอิงเอกสารที่นี่: https://api.jquery.com/attr/

ใช้.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

ฉันพบว่า jquery 1.11.1 ไม่สามารถทำสิ่งนี้ได้อย่างน่าเชื่อถือ

ผมใช้และ$('#estimate').attr('required', true)$('#estimate').removeAttr('required')

การลบrequiredไม่น่าเชื่อถือ บางครั้งมันจะออกจากrequiredแอตทริบิวต์โดยไม่มีค่า ตั้งแต่requiredเป็น attibute trueบูลปรากฏตัวเพียงโดยไม่คุ้มค่ามีให้เห็นโดยเบราเซอร์เป็น

ข้อผิดพลาดนี้เป็นระยะ ๆ และฉันเบื่อที่จะยุ่งกับมัน เปลี่ยนไปและdocument.getElementById("estimate").required = truedocument.getElementById("estimate").required = false

ไม่ควรใส่ความจริงด้วยเครื่องหมายคำพูดคู่ "" ควรเป็นเช่นนั้น

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

นอกจากนี้คุณสามารถใช้เสา

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

แทนที่จะเป็นความจริงคุณสามารถลองได้ เช่น

$('input').prop('required', 'required');