Giriş alanlarına jQuery ekleme gerekli

JQuery otomatik olarak tüm girdi alanlarıma html5 doğrulama kullanarak gerekli yazma yolları arıyorlar ama ben nereye yazmak için sorun yaşıyorum.

Bunu almak istiyorum

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

ve otomatik olarak eklemek gelmiş gereken kapanış etiketinden önce

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

Çizgisinde bir şeyler yapabileceğimi düşündüm

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

Ama işe yaramıyor. Herhangi bir yardım büyük beğeni topluyor.

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

DEMO FIDDLE

Attr kullanarak yapabilirsiniz, yaptığınız hata gerçek tırnak içine koymak olduğunu. bunun yerine şunu deneyin:

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

Aşağıdaki uygulamaların etkili olduğunu gördüm:

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

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

Bu komutlar (attr, removeAttr, prop) kullandığınız JQuery sürümüne bağlı olarak farklı davranır. Lütfen buradaki belgelere bakın: https://api.jquery.com/attr/

kullanma .attrYöntemi

.attr(attribute,value); // syntax

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

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

kullanma .prop

.prop(property,value) // syntax

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

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

Buradan daha fazlasını okuyun

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

Jquery 1.11.1'in bunu güvenilir bir şekilde yapmadığını buldum.

Kullandım $('#estimate').attr('required', true)ve$('#estimate').removeAttr('required') .

Kaldırma requiredişlemi güvenilir değildi. Bazen requiredniteliği değersiz bırakır . Yana requireddeğeri olmayan bir Boole attibute, onun sadece varlığı olduğu, tarayıcı olarak tarafından görülürtrue .

Bu hata aralıklıydı ve onunla uğraşmaktan yoruldum. Hesabına geçildi document.getElementById("estimate").required = trueve document.getElementById("estimate").required = false.

İçine olmamalı gerçek ile çift tırnak bunun gibi olmalıdır ""

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

Ayrıca prop kullanabilirsiniz

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

Doğru yerine gerekli deneyebilirsiniz. Gibi

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