"value='foo'"를 사용하여 웹 양식에서 값을 설정할 수 없지만 수동으로 값을 입력해도 괜찮습니까?

Question

웹 양식에서 여러 필드의 값을 설정하기 위해 비슷한 방법을 사용해 보았습니다

으아악

브라우저 콘솔에서 이 작업을 수행하면 필드가 업데이트되지만 필드를 수동으로 클릭하면 이전 값으로 되돌아갑니다. 이전 값은 제가 수동으로 입력했습니다.

이상한 점은 수동으로 값을 입력하면 양식 제출을 포함하여 모든 것이 예상대로 작동하지만 JS를 사용하여 값을 입력한 다음 양식을 제출하면 필드가 비어 있다는 불만이 표시됩니다(일종의 값을 먼저 수동으로 입력한 다음 JS를 사용하여 변경하면 결과 사이에 "절충"이 있는 경우 "제출"을 클릭하면 값이 수동으로 입력한 값으로 되돌아갑니다. 비어 있지 않지만 "제출"을 클릭하면 필드가 지워집니다("제출"을 클릭한 후에도 수동으로 입력한 값이 유지됩니다).

무슨 일이에요? JS를 사용하여 이 양식이 "허용"되는 값을 어떻게 입력합니까?

"제목" 형식의 일부 HTML 및 다음 특정 필드:

document.getElementsByName('form[493202]')[0].value="Foo"

Answer 1

문제는 JavaScript를 사용하여 값을 변경할 때 양식이 비어 있는지 확인하는 데 사용되는 라이브러리가 업데이트되지 않는다는 것입니다.

이 유효성 검사 라이브러리에 양식을 작성했음을 알리려면 input 事件（也许还有 change ​​이벤트)를 트리거해야 할 수도 있습니다.

으아악 으아악