короткая версия

element.setAttribute("required", "");    //turns required on
element.required = true;                 //turns required on through reflected attribute
jQuery(element).attr('required', '');    //turns required on
$("#elementId").attr('required', '');    //turns required on

element.removeAttribute("required");     //turns required off
element.required = false;                //turns required off through reflected attribute
jQuery(element).removeAttr('required');  //turns required off
$("#elementId").removeAttr('required');  //turns required off

if (edName.hasAttribute("required") { }  //check if required
if (edName.required) { }                 //check if required using reflected attribute

Текст

однажды Ти Джей Краудеру удалось указать отражены свойства, я узнал, что следующий синтаксис неправильно:

element.attributes["name"] = value; //bad! Overwrites the HtmlAttribute object
element.attributes.name = value;    //bad! Overwrites the HtmlAttribute object
value = element.attributes.name;    //bad! Returns the HtmlAttribute object, not its value
value = element.attributes["name"]; //bad! Returns the HtmlAttribute object, not its value

вы должны пройти element.getAttribute и element.setAttribute:

element.getAttribute("foo");         //correct
element.setAttribute("foo", "test"); //correct

это потому, что атрибут на самом деле содержит специальный HtmlAttribute. Они выполняют работу по присвоению значения объекту HtmlAttribute внутри.

кроме того, некоторые атрибуты отражение. Это означает, что вы можете получить доступ к ним более красиво из Javascript:

//Set the required attribute
//element.setAttribute("required", ""); 
element.required = true;

//Check the attribute
//if (element.getAttribute("required")) {...}
if (element.required) {...}

//Remove the required attribute
//element.removeAttribute("required");
element.required = false;

что ты не хотите сделать это по ошибке использовать .attributes коллекция:

element.attributes.required = true;     //WRONG!
if (element.attributes.required) {...}  //WRONG!
element.attributes.required = false;    //WRONG!

Случаях Испытания

это привело к тестированию по использованию required атрибут, сравнивая значения, возвращаемые через атрибут, и отраженные собственность

document.getElementById("name").required;
document.getElementById("name").getAttribute("required");

результаты:

HTML                         .required        .getAttribute("required")
==========================   ===============  =========================
<input>                      false (Boolean)  null (Object)
<input required>             true  (Boolean)  "" (String)
<input required="">          true  (Boolean)  "" (String)
<input required="required">  true  (Boolean)  "required" (String)
<input required="true">      true  (Boolean)  "true" (String)
<input required="false">     true  (Boolean)  "false" (String)
<input required="0">         true  (Boolean)  "0" (String)

пытается получить доступ к .attributes коллекция напрямую-это неправильно. Он возвращает объект, представляющий атрибут DOM:

edName.attributes["required"] => [object Attr]
edName.attributes.required    => [object Attr]

это объясняет, почему вы никогда не должны говорить .attributes собирать напрямую. Ты не манипулируешь значения атрибутов, но объектов, которые представляют сами атрибуты.

как настроить требуется?

Как правильно установить required по атрибуту? У вас есть два варианта, либо отраженный свойства, или через правильную установку атрибута:

element.setAttribute("required", "");         //Correct
edName.required = true;                       //Correct

строго говоря, любое другое значение будет "набор" атрибутов. Но определение Boolean атрибуты диктуют, что он должен быть установлен только в пустую строку "" указать правда. Следующие методы все работают на set в requiredBoolean,

но не используйте них:

element.setAttribute("required", "required"); //valid, but not preferred
element.setAttribute("required", "foo");      //works, but silly
element.setAttribute("required", "true");     //Works, but don't do it, because:
element.setAttribute("required", "false");    //also sets required boolean to true
element.setAttribute("required", false);      //also sets required boolean to true
element.setAttribute("required", 0);          //also sets required boolean to true

мы уже узнали, что попытка установить атрибут напрямую неверна:

edName.attributes["required"] = true;       //wrong
edName.attributes["required"] = "";         //wrong
edName.attributes["required"] = "required"; //wrong
edName.attributes.required = true;          //wrong
edName.attributes.required = "";            //wrong
edName.attributes.required = "required";    //wrong

как ясный требуются?

трюк при попытке удалить the required атрибут заключается в том, что его легко случайно включить:

edName.removeAttribute("required");     //Correct
edName.required = false;                //Correct

С поврежденных способы:

edName.setAttribute("required", null);    //WRONG! Actually turns required on!
edName.setAttribute("required", "");      //WRONG! Actually turns required on!
edName.setAttribute("required", "false"); //WRONG! Actually turns required on!
edName.setAttribute("required", false);   //WRONG! Actually turns required on!
edName.setAttribute("required", 0);       //WRONG! Actually turns required on!

при использовании отраженного .required собственность, вы также можете использовать любой "falsey" значения, чтобы отключить его, и истинные значения, чтобы включить его. Но просто придерживайтесь истинного и ложного для ясности.

как Регистрация на required?

проверьте наличие атрибута через .hasAttribute("required") способ:

if (edName.hasAttribute("required")
{
}

вы также можете проверить его с помощью Boolean отражение .required свойство:

if (edName.required)
{
}