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

但这并不奏效。任何帮助都非常感激。

578960 次浏览
小开
最佳答案 
$("input").prop('required',true);

DEMO FIDDLE

小开

你可以用attr来做，你犯的错误是你把真内引号放进去了。不如试试这个:

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

我发现jquery 1.11.1不能可靠地做到这一点。

我使用了$('#estimate').attr('required', true)和$('#estimate').removeAttr('required')。

删除required是不可靠的。它有时会使required属性没有值。由于required是一个布尔属性，它的存在，没有值，被浏览器视为true。

这个bug是断断续续的，我厌倦了摆弄它。切换到document.getElementById("estimate").required = true和document.getElementById("estimate").required = false。

小开

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

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


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

这些命令(attr, removeAttr, prop)根据所使用的JQuery版本的不同而表现不同。请在这里参考文档:https://api.jquery.com/attr/

小开

不应该将真正的与双引号“”括起来，它应该是这样的

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

你也可以用道具

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

你可以尝试required而不是真正的。如

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

使用.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 < a href = " https://stackoverflow.com/a/5876747/5413283 " > < / >


提交答案