> 웹 프론트엔드 > JS 튜토리얼 > 프로토타입 사용 가이드 form.js_prototype

프로토타입 사용 가이드 form.js_prototype

WBOY
풀어 주다: 2016-05-16 19:21:27
원래의
1228명이 탐색했습니다.

이 부분은 다음 부분을 포함하여 양식 작업과 관련된 많은 기능을 제공합니다. $ 메소드를 통해 요소가 반환되면 $(element).method()를 통해 직접 호출할 수 있습니다.

Form 객체: Form 전체를 조작하는 메소드 제공
Form.Element 객체: 특정 Form 요소를 조작하는 메소드 제공
TimedObserver 클래스: 주기적 Form 모니터, Form이 실행될 때 요소 값이 변경되면 콜백 함수가 실행됩니다.
EventObserver 클래스: 이벤트를 사용하여 양식 요소 값이 변경되면 콜백 함수가 실행됩니다. 형태와 요소 2가지 유형

양식 개체:

reset(form): form.reset()
serializeElements(elements): 요소의 요소 직렬화 직렬화는 지정된 모든 요소의 queryString 형식을 반환하는 것으로, 이는 xmlhttp 또는 기타 위치에서 사용하기 편리합니다.
serialize(form): 전체 양식을 직렬화
getElements(form): 형식의 직렬화 가능한 모든 요소를 ​​반환합니다.
getInputs(form, typeName, name): typeName 및 일치하는 모든 입력 요소를 반환합니다. name
disable(form): 전체 양식을 사용할 수 없게 합니다
enable(form): 전체 양식을 사용할 수 있게 합니다
findFirstElement(form): 'input', 'select', 'textarea'
유형에서 숨겨지지 않은 첫 번째 사용 가능한 요소를 반환합니다. focusFirstElement(form): findFirstElement(form)에서 반환된 요소에 포커스를 둡니다.

Form.Element 개체:

focus(element) select(element): 요소 자체를 반환하는 것 외에도 html 요소의 내장 메서드 캡슐화
serialize(element): 지정된 양식 요소를 직렬화하고 키=값 형식을 반환합니다. 반환된 문자열은 encodeURIComponent
getValue(element): 요소 값을 반환
clear(element): 요소 값 지우기
present(element ): 요소 값이 비어 있지 않은지 확인
activate(element): 요소에 포커스 부여
disable(element) : 요소를 사용할 수 없도록 설정
enable(element): 은 사용 가능한 요소입니다.

$F = Form.Element.getValue 사용하기 쉬움

Form.Element.Observer 및 Form.Observer 클래스:

폼 요소를 주기적으로 모니터링하여, 폼 요소의 값이 변경되면 콜백 함수를 실행하세요.

var oser=new

Form.Element.Observer(요소, 빈도, 콜백) 또는 oser=new
Form.Observer(양식, 빈도, 콜백)
콜백은 두 개의 매개변수 양식/요소를 정의할 수 있습니다. Form.serialize()/

Form.Element.EventObserver 및 Form.EventObserver 클래스:

이 두 클래스는 주기적 모니터링 대신 요소의 변경 또는 클릭 이벤트를 사용하여 변경이 발생할 때 콜백이 실행된다는 점을 제외하면 위와 유사합니다.

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿