솔루션 :

사양이 잘못된 값의 검색을 방지하는 반면 입력이 비어 있는지 또는 유효하지 않은 텍스트를 포함하는지 결정할 방법이 없습니다. 따라서 다른 접근법이 필요합니다.

대안 접근법 :

입력 요소에 이벤트 리스너를 사용하여 실시간으로 사용자의 입력을 캡처 할 수 있습니다. 코드 예 :

const numberInput = document.getElementById('edQuantity');

numberInput.addEventListener('input', (event) => {
  const rawValue = event.target.value;

  if (isNaN(rawValue)) {
    // Input is invalid text; color it red
    numberInput.classList.add('error');
  } else {
    // Input is a valid number; color it green
    numberInput.classList.remove('error');
  }
});

document.getElementById ( 'edquantity'); numberInput.addeventListener ( '입력', (이벤트) => { const rawvalue = event.target.value; if (isnan (rawvalue)) { // 입력은 잘못된 텍스트입니다. 색을 붉게 색깔 숫자 인 put.classlist.add ( 'error'); } 또 다른 { // 입력은 유효한 숫자입니다. 녹색으로 색칠하십시오 숫자 인 put.classlist.remove ( 'error'); } });

이 스크립트는 이벤트 리스너를 변경할 때마다 입력 값을 캡처하는 요소에 첨부됩니다. 그런 다음 값이 유효한 숫자인지 확인합니다. 그렇지 않으면 입력을 빨간색으로 색칠합니다. 그렇지 않으면 녹색 색상.

참고 :

이 접근 방식은 유효하지 않은 텍스트를 포함하여 원시 입력을 얻을 수 있지만 유효하지 않은 입력의 유효성 검사 및 처리는 귀하에게 달려 있습니다.