динамически добавлять/удалять атрибут

Question

Я хочу добавить/удалить требуемый атрибут элемента ввода. Но почему-то это не сработает.

Если текстовое поле с правонарушителем № пуста, необходимо указать текстовое поле транспортного средства.

Преступник Plate #: <input type="text" id="plate_num_id" name="plate_num" onblur="checkForRequired()"><br>

Описывать Автомобиль: <textarea id="vehicle_desc_id" name="vehicle_desc"></textarea><br>

Тогда вот моя функция.

function checkForRequired() { 

    var plateLength = document.getElementById("plate_num_id").value.length; 

    if (plateLength < 1) { 

     $("#vehicle_desc_id").add('required'); 
    } else { 

     $("#vehicle_desc_id").removeAttr('required'); 
    } 
} 

Я также пробовал другие методы:

document.getElementById("vehicle_desc_id").removeAttribute("requried"); 

document.getElementById("vehicle_desc_id ").required = true/false; 

document.getElementById("vehicle_desc_id ").setAttribute("required ", ""); 

Нет, кажется, работает ...

Answer 1

работает при сортировке HTML и удалить пробел после скобки, отредактированы снова, чтобы удалить после того, как детали, если исправлен

function checkForRequired() { 
 

 
    var plateLength = document.getElementById("plate_num_id").value.length; 
 
var vehicle = document.getElementById("vehicle") 
 
    if (plateLength < 1) { 
 

 
     vehicle.setAttribute('required','required'); 
 
    } else { 
 
    
 
     vehicle.removeAttribute('required'); 
 
    } 
 
}

input:required{border:1px solid red;}

<input type="text" id="plate_num_id" name="plate_num" onblur/onfocusout="checkForRequired()"><br/><br> 
 
<input type="text" id="vehicle" />