输入字段需要jQuery add

Miu*_*shi 143 javascript validation jquery

我一直在寻找方法让jQuery自动写入使用html5验证到我的所有输入字段,但我无法告诉它在哪里写它.

我想接受这个

 <input type="text" name="first_name" value="" id="freeform_first_name"
 maxlength="150">
Run Code Online (Sandbox Code Playgroud)

并在结束标记之前自动添加所需内容

 <input type="text" name="first_name" value="" id="freeform_first_name"
 maxlength="150" required>
Run Code Online (Sandbox Code Playgroud)

我以为我可以做一些事情

$("input").attr("required", "true");
Run Code Online (Sandbox Code Playgroud)

但它不起作用.任何帮助是极大的赞赏.

Unk*_*own 352

$("input").prop('required',true);
Run Code Online (Sandbox Code Playgroud)

DEMO FIDDLE

  • 嗯,添加了一个提交按钮,但仍然没有验证或将 required 属性添加到输入字段。http://jsfiddle.net/japaneselanguagefriend/LEZ4r/ (2认同)
  • 收到“TypeError:element.prop 不是函数”错误 (2认同)

小智 45

你可以通过使用attr来做到这一点,你犯的错误是你把真正的内部引号.而不是尝试这个:

$("input").attr("required", true);
Run Code Online (Sandbox Code Playgroud)

  • @JohnMeyer"input"是标签选择器的名称 (2认同)

Joh*_*yer 25

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

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

$('#freeform_first_name').attr('required', 'required');
Run Code Online (Sandbox Code Playgroud)

这些命令(attr,removeAttr,prop)的行为会有所不同,具体取决于您使用的JQuery版本.请在此处参考文档:https://api.jquery.com/attr/


小智 7

如果不附上真实双引号“”它应该像

$(document).ready(function() {            
   $('input').attr('required', true);   
});
Run Code Online (Sandbox Code Playgroud)

你也可以使用道具

jQuery(document).ready(function() {            
   $('input').prop('required', true);   
}); 
Run Code Online (Sandbox Code Playgroud)

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

$('input').prop('required', 'required');
Run Code Online (Sandbox Code Playgroud)


Dor*_*ler 6

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

我用过$('#estimate').attr('required', true)$('#estimate').removeAttr('required')

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

这个错误是间歇性的,我厌倦了把它弄乱。切换到document.getElementById("estimate").required = truedocument.getElementById("estimate").required = false


Dex*_*ter 5

使用.attr方法

.attr(attribute,value); // syntax

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

.attr("required", false);
// 
Run Code Online (Sandbox Code Playgroud)

使用 .prop

.prop(property,value) // syntax

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

.prop("required", false);
//
Run Code Online (Sandbox Code Playgroud)

从这里阅读更多

/sf/answers/411372321/