>  기사  >  웹 프론트엔드  >  jQuery에서 데이터 양식 제출을 방지하는 방법

jQuery에서 데이터 양식 제출을 방지하는 방법

coldplay.xixi
coldplay.xixi원래의
2020-11-26 13:55:164425검색

jQuery를 사용하여 양식에서 데이터 제출을 비활성화하는 방법: 먼저 JS를 사용하여 false를 반환하는 함수를 작성한 다음 from form 태그에서 onsubmit 이벤트를 사용하고 마지막으로 제출 기능을 사용하여 양식 제출 이벤트를 제어합니다.

jQuery에서 데이터 양식 제출을 방지하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 3.2.1 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

jQuery가 데이터 양식 제출을 금지하는 방법:

1. 예를 들어 이 양식의 기본 작업은 #####이며, 제출 후에는 #####이 됩니다.

jQuery에서 데이터 양식 제출을 방지하는 방법

2. 양식 제출이 비활성화된 경우 제출 버튼을 아무리 눌러도 점프하지 않습니다.

jQuery에서 데이터 양식 제출을 방지하는 방법

3. 양식이 데이터를 제출할 수 있으면 브라우저의 주소가 변경되므로 양식에 대해 알아야 할 사항이 너무 많습니다.

jQuery에서 데이터 양식 제출을 방지하는 방법

4. 그런 다음 JS를 사용하여 false를 반환하는 함수를 작성해야 합니다. 물론 여기서는 false를 반환하도록 하겠습니다.

jQuery에서 데이터 양식 제출을 방지하는 방법

5. 그런 다음 from form 태그의 onsubmit 이벤트를 사용하여 양식을 제출할 수 있는지 여부를 설정하세요.

jQuery에서 데이터 양식 제출을 방지하는 방법

6. jQuery로 양식 제출을 비활성화하는 것은 매우 간단합니다. 제출 기능을 사용하여 양식 제출 이벤트를 제어합니다.(제출이 효과를 생성하려면 양식을 가져와야 합니다.) 마찬가지로 양식의 판단 조건도 직접 설계해야 합니다.

jQuery에서 데이터 양식 제출을 방지하는 방법

관련 무료 학습 권장 사항: javascript(동영상)

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 학습을 방문하세요! !

위 내용은 jQuery에서 데이터 양식 제출을 방지하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.