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браузерний аттибут, то його наявність лише без значення розглядає браузер як true.

Цей клоп був переривчастим, і я втомився з ним возитися. Переключився на document.getElementById("estimate").required = trueта document.getElementById("estimate").required = false.

Не слід додавати істину з подвійною цитатою, "" вона повинна бути такою

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

Також ви можете використовувати опору

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

Замість справжнього ви можете спробувати. Як от

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