Как очистить HTML-тег после получения предупреждения

Question

Я использую приведенную ниже функцию для генерации предупреждения, когда введенный номер не является целым числом. Но мне также нужно очистить HTML-форму. Я использовал id.value= "";, но это не сработало. Любые предложения приветствуются:

function myFunction(id) { 
 
    var x = parseInt(document.getElementById(id).value); 
 
    if (!(x === parseInt(x, 10))) { 
 
    alert("Empployee ID can be integer numbers only."); 
 
    id.value = ""; 
 
    } else { 
 

 
    } 
 
}

<div class="header1"> 
 
    <input type="text" id="ename" onblur="myFunction('ename')" name="name" placeholder="Enter Employee ID" required="" /> 
 
</div>

Answer 1

Вы настраиваете пустую строку в свойстве ценностной id. id - string. Следовательно, это не сработает, вам нужно поместить пустую строку где-нибудь в документе, где атрибут id равен аргументу функции.

вам нужно использовать:

document.getElementById(id).value = ""; 

Answer 2

Ваш id.value не HTML элемент. Вы пытаетесь получить доступ к value свойству переменной ид ... Что-то вроде этого "ename".value

Попробуйте это:

document.getElementById(id).value = 'VALUE'; 

function myFunction(id) { 
 
    
 
    var x = parseInt(document.getElementById(id).value); 
 
    
 
    if (!(x === parseInt(x, 10))) { 
 
    
 
    alert("Empployee ID can be integer numbers only."); 
 
    document.getElementById(id).value = ""; 
 
    } 
 
    else { 
 

 
    } 
 
}

<div class="header1"> 
 
    <input type="text" id="ename" onblur="myFunction('ename')" name="name" placeholder="Enter Employee ID" required="" /> 
 
</div>

Answer 3

Вы не можете использовать id.value , потому что id Передано в вас функция была строкой. Так как вы уже прошли id тогда, возможно, вы можете использовать:

document.getElementById(id).value = "";

Ответ Разъяснения