javascript - jQuery add required to input fields

Question

I have been searching ways to have jQuery automatically write required using html5 validation to my all of my input fields but I am having trouble telling it where to write it.

I want to take this

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

and have it automatically add required before the closing tag

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

I thought I could do someting along the lines of

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

But it doesn't work. Any help is greatly appreciated.

Answer 1

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

DEMO FIDDLE

Answer 2

您可以使用 attr 来做到这一点，您犯的错误是您将 true 放在引号内。而不是尝试这个：

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

Answer 3

我发现以下实现是有效的：

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

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

这些命令（attr、removeAttr、prop）的行为因您使用的 JQuery 版本而异。请在此处参考文档：https ://api.jquery.com/attr/

Answer 4

使用.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

Answer 5

不应该用双引号“”括起来true它应该像

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

你也可以使用道具

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

而不是true你可以尝试 required 。如

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

Answer 6

我发现 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。