设置所有表单元素的属性

Question

如何设置保存在变量中的所有表单元素的属性？我已尝试使用.attr（），如果我为每个输入字段使用一个.attr（），它就可以正常工作。我想选择表单，然后在同一个对象中添加所有属性。

像这样（但这不起作用）：

var form = $("#myForm"),
    name = $("#name"),
    age  = $("#age");

form.attr({ 
  name: { 
    type: "text", 
    required: true, 
    placeholder: "Please enter your name.", 
    maxlength: 20, 
  },
  age: {
    type: "number", 
    required: true, 
    placeholder: "Please enter your age.", 
    maxlength: 2, 
  }
});

我该怎样做才能做出类似的事情？

Answer 1

您需要直接将这些对象应用于元素，而不是通过form变量。试试这个：

var $form = $("#myForm"),
    $name = $("#name"),
    $age  = $("#age");

$name.attr({ 
    type: "text", 
    required: true, 
    placeholder: "Please enter your name.", 
    maxlength: 20
});

$age.attr({
    type: "number", 
    required: true, 
    placeholder: "Please enter your age.", 
    maxlength: 2
});

Answer 2

name.attr ( {
    type: "text", 
    required: true, 
    placeholder: "Please enter your name.", 
    maxlength: 20
} );

age.attr ( {
    type: "number", 
    required: true, 
    placeholder: "Please enter your age.", 
    maxlength: 2
} );

Answer 3

{{1}}