как я могу управлять кнопкой отправки с помощью функции JS в html-форме

#javascript #html #forms #function

Вопрос:

html-код :

 lt;input id="Degree" name="Degree" type="number" size="10"gt; lt;select id="year" name="date" onchange="jsyear(this.value);"gt;  lt;option value="2000"gt; 2000 lt;/optiongt;  lt;option value="2001"gt; 2001 lt;/optiongt;  lt;option value="2002"gt; 2002 lt;/optiongt;  lt;option selectedgt; 2003 lt;/optiongt;  lt;optiongt; 2004 lt;/optiongt;  lt;optiongt; 2005 lt;/optiongt; lt;/selectgt;  

и код JavaScript :

 function jsyear(value) {  if (value lt; 2003) {  alert("You are too old ");  }  }  let degreeInput = document.getElementById('Degree'); let delayTimer;  degreeInput.oninput = (e) =gt; {  clearTimeout(delayTimer);  delayTimer = setTimeout(() =gt; {  if (e.target.value lt; 73) {  alert(" your degree is less than required ");  }  }, 1050); };  

я хочу запретить отправлять его , если только все эти функции не являются истинными, если это ложь, то он не может отправить . привет мне, ребята, пожалуйста

Ответ №1:

Вам нужно только добавить кнопку

 const button = document.getElementById("submit"); const degree = document.getElementById("Degree"); const year = document.getElementById("year");  function check(){  if (year.value lt; 2003){  alert("You are too old");  button.disabled = true;  } else if (degree.value lt; 73){  alert("Your degree is less than required");  button.disabled = true;  } else {  button.disabled = false;  } }  degree.onchange = check; year.onchange = check; 
 lt;form id="myform" action="#"gt; lt;input id="Degree" name="Degree" type="number" size="10"gt; lt;select id="year" name="date"gt;  lt;option value="2000"gt; 2000 lt;/optiongt;  lt;option value="2001"gt; 2001 lt;/optiongt;  lt;option value="2002"gt; 2002 lt;/optiongt;  lt;option selectedgt; 2003 lt;/optiongt;  lt;optiongt; 2004 lt;/optiongt;  lt;optiongt; 2005 lt;/optiongt; lt;/selectgt; lt;input type="submit" id="submit" value="Check" disabledgt; lt;/formgt; 

Комментарии:

1. Большое вам спасибо, вы действительно помогли мне.

2. @OWLMajedah добро пожаловать, просто помогайте другим, когда сможете