Невозможно проверить требуемое поле динамически

Question

Атрибут required одного из моих элементов ввода зависит от состояния одного из этих флажков от checked. Я не могу запустить требуемую полевую ошибку HTML5, динамически устанавливая атрибут required в этом поле.

<input type="text" name="date" id="date" /> 
<input type="checkbox" name="immediate" id="immediate" onchange="setRequired(this.checked)" /> 

<script type="text/javascript"> 
    function setRequired(checked) 
    { 
     var date = document.getElementById("date"); 
     if(checked) { 
      date.required = false; 
     } 
     else 
      date.required = true; 

    } 
</script> 

Когда я запустил форму, я не вижу проверки HTML5 на вводе даты.

Answer 1

<input type="text" name="date" id="date" /> 
<input type="checkbox" name="immediate" id="immediate" onchange="setRequired(this.checked)" /> 

<script type="text/javascript"> 
    function setRequired(checked) 
    { 
    var date = document.getElementById("date"); 
      console.log(checked); 
    if(checked) { 

     date.setAttribute("required",false); 
    } 
    else { 
     date.setAttribute("required",true); 
    } 
    console.log(date); 

}

журнал CONSOLE поможет вам проверить изменения элемент

http://plnkr.co/edit/xFEJchgAqX5g9u2q6iWT?p=preview