入力フィールドにjQuery addが必要

すべての入力フィールドに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");

しかし、それは機能しません。どんな助けでも大歓迎です。

$("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 = trueとdocument.getElementById("estimate").required = false。

trueを二重引用符 ""で囲まないでください。

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

また、支柱を使用することができます

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

trueの代わりに、必要なことを試すことができます。といった

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