JavaScript DOM 학습 6장 양식 예제_기본 지식

폼 인스턴스
이것이 폼의 강점입니다. 여기에는 작은 문제가 있습니다. 내 서버가 현재 이를 지원하지 않기 때문에 양식을 제출할 수 없습니다. 귀하의 입력 내용을 인쇄한 다음 false를 반환하여 양식이 제출되지 않도록 하겠습니다.
onSubmit 코드는 두 가지 작업을 수행합니다. 네 개의 텍스트 상자에 데이터를 입력했는지 확인한 다음 모든 요소를 ​​연결하고 아래 텍스트 영역에 인쇄합니다.
원문에 예시가 있습니다. 어린이용 신발이 필요하시면 여기로 옮겨주세요.
텍스트 영역 감지
이 코드는 사용자가 텍스트 상자에 내용을 입력했는지 여부를 감지합니다. 확인란과 라디오 버튼은 무시되지만 선택 상자를 선택하더라도 해당 값은 항상 null이므로 사용자에게 상기시켜 줍니다. 따라서 텍스트 세그먼트만 감지하려는 경우 이 코드를 사용하는 것이 가장 좋습니다.

코드 복사 코드는 다음과 같습니다.

function checkscript() {
for (i= 0;i<4;i ) {
         box = document.example.elements[i] '!'); 요소 0~3을 확인하고 싶기 때문에 변수 i를 설정했습니다. 이름 대신 숫자를 사용하고 있다는 것을 알 수 있습니다. 이것은 숫자가 이름보다 낫다는 예입니다.




코드 복사


코드는 다음과 같습니다.

for (i=0;i<4;i ) {

그런 다음 현재 요소에 액세스하기 위한 변수 상자를 만듭니다. 안만들면 document.example.elements[i]를 여러번 작성해야 하는데 너무 귀찮아서 작성하지 못하겠습니다.

코드 복사

코드는 다음과 같습니다.

box = document.example.elements[i]

이 텍스트 상자의 값이 비어 있으면 다음을 수행해야 합니다.

코드 복사

코드는 다음과 같습니다. 다음과 같습니다:

if (!box.value) {

먼저 텍스트 상자의 이름을 사용합니다. 이름이 더 명확하면 사용자는 어떤 텍스트 상자에 텍스트가 있는지 더 잘 이해할 수 있습니다. 문제.

코드 복사

코드는 다음과 같습니다.

Alert('입력하지 않았습니다' 상자. name '!');

추가 서비스로 해당 텍스트 상자에 포커스를 두어 사용자가 바로 입력할 수 있도록 했습니다. 모든 브라우저에서 지원하기 때문에 감지할 필요가 없습니다.

코드 복사

코드는 다음과 같습니다.

box.focus()

그런 다음 false를 반환합니다. 코드 실행이 중지되고 양식이 제출되지 않습니다. 사용자 입력을 기다립니다.

코드 복사

코드는 다음과 같습니다.

return false

모든 텍스트가 상자가 채워지면 true를 반환하여 모든 것이 정상임을 나타냅니다. 기능이 중지되고 양식이 제출됩니다.

코드 복사

코드는 다음과 같습니다.

}
}

return true; 번역 주소: http://www.quirksmode.org/js/formex.html 재인쇄를 위해 다음 정보를 보관해 주세요저자: Beiyu(tw:@rehawk) )