JavaScript 노트 양식 처리-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

JavaScript 노트 양식 처리

高洛峰

Nov 26, 2016 am 09:53 AM

javascript

웹사이트 사용자로부터 정보를 수집해야 하는 경우 양식을 사용해야 합니다.
양식에는 입력 필드, 라디오 버튼, 확인란, 팝업 메뉴, 입력 목록 등 가장 일반적인 그래픽 인터페이스 요소가 포함될 수 있습니다. 또한 HTML 양식에는 사용자의 입력을 엿보는 눈으로부터 숨기는 비밀번호 필드가 포함될 수 있습니다.
양식을 작성한 후 메뉴에서 제출 버튼을 클릭하면 양식 정보가 웹 서버로 전송됩니다. 서버에서는 CGI 프로그램(웹 서버에서 실행되는 스크립트인 Common Gateway Interface)이 해석합니다. 그리고 데이터를 조작합니다. 그런 다음 데이터는 나중에 사용하기 위해 데이터베이스에 저장되는 경우가 많습니다. 서버 측의 데이터를 사용하기 전에 사용자가 입력한 데이터가 정확한(올바른) 형식인지 확인해야 합니다.
JavaScript는 데이터를 확인하는 좋은 방법입니다. 이 기술을 양식 유효성 검사라고 합니다. CGI를 사용하여 확인을 수행할 수 있지만(일부 사용자는 브라우저에서 JavaScript를 끄므로 예방 조치로 수행해야 함) 클라이언트 시스템에서 JavaScript를 사용하여 확인하는 것이 사용자에게 훨씬 빠르고 효율적입니다.
양식에 대한 요약:
양식 가져오기
[javascript]
var form=document.forms["form1"]
var form=document.fors[0]; 🎜>

양식 객체 이벤트
onsubmit은 양식이 제출되기 전에 트리거됩니다.
onreset은 양식이 재설정되기 전에 트리거됩니다.
참조 양식 요소
[javascript]
var element=tForm.elements[ idex] ;
var element=tForm.elements[elementName];

양식의 모든 양식 필드 탐색
[javascript]
for(var i=0;i //
}

양식 필드의 공통 속성
1) 읽기 전용(사용할 수 없음) 양식 필드 만들기
element.disabled=true;
element.disabled=false;
2) 양식 필드의 값 가져오기
value
양식 필드의 일반적인 메서드
1) 양식 필드가 포커스를 얻습니다: focus()
2) 양식 필드가 초점을 잃습니다: Blur()

양식 필드의 일반적인 이벤트
onFocus: 이 이벤트는 초점을 얻었을 때 생성됩니다
onBlur: 이 이벤트는 초점을 얻었을 때 생성됩니다. 분실
onselect: 텍스트가 강조 표시됨 (선택) 후 파일이 생성됨
onchange: 양식 필드의 값이 변경될 때
onclick: 키보드 클릭
onkeydown: 키보드 누름
onkeyup : 키보드 놓음
onkeypress: 키보드 누름 Release down
onmouseover:마우스 업
onmouseout:마우스 아웃
onmousedown:마우스 다운
onmouseup:마우스 업
텍스트 필드, 확인란, 라디오 버튼, 드롭다운 목록 프레임, 양식 유효성 검사 등
메뉴를 동적으로 변경
팝업 메뉴를 통해 사용자에게 입력 기회를 제공해야 하는 경우가 종종 있으며, 하나 이상의 팝업 메뉴의 내용은 사용자의 선택에 따라 변경되기를 바랍니다. 또 다른 팝업 메뉴 다음 예는 월을 선택하는 데 사용됩니다. 즉, 두 번째 팝업 메뉴는 선택한 월의 일 수에 따라 채워집니다.
[html]

동적 메뉴