js 양식 제출과 submit submit_javascript 기술 간의 차이점 분석 예-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

js 양식 제출과 submit submit_javascript 기술 간의 차이점 분석 예

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:26 PM

js js 양식 제출 차이점 양식 제출

이 기사의 예에서는 js 양식 제출과 제출 제출의 차이점을 분석합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script>
function test()
{
  document.getElementById("myform").submit();  
  alert(11);
}
</script>
<form name="myfrom" id="myform" method="get" action="b.php">
<input type="text" name="pwd" value="" />
<input type="submit" name="sub" value="111" />
<input type="button" name="btn" value="btn" onclick="test()" />
</form>
</body>
</html>

로그인 후 복사

참고: get 메소드를 통해 양식을 제출할 때는 URL을 사용하여 실제 값을 전달할 수 없습니다.

js 제출과 제출 버튼 제출의 차이점:

1. js가 양식을 제출할 때 모든 브라우저에서 제출 버튼의 값을 가져오지 않습니다(클릭하지 않았기 때문에)

2. Enter를 누르고 Enter를 누르면 w3c 브라우저는 제출 버튼의 값을 가져오지만 ie6은 그렇지 않습니다.

해결책:

숨겨진 필드를 추가하여 이를 판단하세요. 어떤 방법으로 제출하든 가치가 있습니다

제출 버튼에 제출 이벤트 바인딩:

즉,

submit 값이 포함되며 js를 사용하여 제출하면 onsubmit 상태를 감지할 수 없습니다
w3c: 한 번만 제출
ie6: 두 단계로 제출하고 먼저 js를 양식으로 제출하세요.

해결책:

버튼이 제출되면 onsubmit 이벤트를 사용하여 감지합니다.

버튼이 버튼인 경우 감지를 통과한 후 제출 이벤트가 트리거됩니다

JS를 사용하여 양식을 제출하지 않도록 하고, onsubmit을 사용하여 이를 감지하세요

단순히 js를 사용하여 양식 제출, 경고, ff에서 양식 제출 차단 및 기타 탐색을 수행하세요

이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

본 웹사이트의 성명

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

핫 AI 도구

뜨거운 도구

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7527

Cakephp 튜토리얼

1378

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

NYT 연결 힌트와 답변

Related knowledge

C 언어에서 Char와 WCHAR_T의 차이 Apr 03, 2025 pm 03:09 PM

C 언어에서 char와 wchar_t의 주요 차이점은 문자 인코딩입니다. char ascii를 사용하거나 ascii를 확장하고, wchar_t는 유니 코드를 사용합니다. Char는 1-2 바이트를 차지하고 WCHAR_T는 2-4 바이트를 차지합니다. Char는 영어 텍스트에 적합하며 WCHAR_T는 다국어 텍스트에 적합합니다. Char_t는 널리 지원되며, 컴파일러 및 운영 체제가 유니 코드를 지원하는지 여부에 따라 다릅니다. Char는 문자 범위가 제한되며 WCHAR_T는 더 큰 문자 범위를 가지며 특수 함수는 산술 작업에 사용됩니다.

C 언어 기능의 기본 요구 사항은 무엇입니까? Apr 03, 2025 pm 10:06 PM

C 언어 기능은 코드 모듈화 및 프로그램 구축의 기초입니다. 그들은 선언 (함수 헤더)과 정의 (기능 본문)로 구성됩니다. C 언어는 값을 사용하여 기본적으로 매개 변수를 전달하지만 주소 패스를 사용하여 외부 변수를 수정할 수도 있습니다. 함수는 반환 값을 가질 수 있거나 가질 수 있으며 반환 값 유형은 선언과 일치해야합니다. 기능 명명은 낙타 또는 밑줄을 사용하여 명확하고 이해하기 쉬워야합니다. 단일 책임 원칙을 따르고 기능 단순성을 유지하여 유지 관리 및 가독성을 향상시킵니다.

숯과 서명되지 않은 숯의 차이점은 무엇입니까? Apr 03, 2025 pm 03:36 PM

Char 및 Unsigned Char는 문자 데이터를 저장하는 두 가지 데이터 유형입니다. 주요 차이점은 음수 및 양수를 다루는 방법입니다. 음수 처리 : char는 부정확 한 char가 할 수없고 음수를 저장할 수 있습니다. 비트 모드 : char 가장 높은 비트는 기호, 부호없는 문자 부호 비트를 나타냅니다. 산술 연산 : char and signed char는 서명하고 서명되지 않은 유형이며, 산술 작업은 다릅니다. 호환성 : 문자와 서명되지 않은 숯

H5와 미니 프로그램과 앱의 차이점 Apr 06, 2025 am 10:42 AM

H5. 미니 프로그램과 앱의 주요 차이점은 다음과 같습니다. 기술 아키텍처 : H5는 웹 기술을 기반으로하며 미니 프로그램 및 앱은 독립적 인 응용 프로그램입니다. 경험과 기능 : H5는 가볍고 사용하기 쉽고 기능이 제한되어 있습니다. 미니 프로그램은 가벼우 며 상호성이 우수합니다. 앱은 강력하고 부드러운 경험이 있습니다. 호환성 : H5는 크로스 플랫폼 호환성이며 애플릿 및 앱은 플랫폼에 의해 제한됩니다. 개발 비용 : H5는 개발 비용이 낮고 중간 미니 프로그램 및 최고 앱이 있습니다. 적용 가능한 시나리오 : H5는 정보 표시에 적합하고 애플릿은 가벼운 응용 프로그램에 적합하며 앱은 복잡한 기능에 적합합니다.

C와 C#의 차이점과 연결은 무엇입니까? Apr 03, 2025 pm 10:36 PM

C와 C#은 유사성이 있지만 완전히 다릅니다. C는 프로세스 지향, 수동 메모리 관리 및 시스템 프로그래밍에 사용되는 플랫폼 의존 언어입니다. C#은 데스크탑, 웹 응용 프로그램 및 게임 개발에 사용되는 객체 지향, 쓰레기 수집 및 플랫폼 독립 언어입니다.

XPath를 사용하여 JavaScript의 지정된 DOM 노드에서 검색하는 방법은 무엇입니까? Apr 04, 2025 pm 11:15 PM

JavaScript의 DOM 노드에서 XPath 검색 방법에 대한 자세한 설명은 종종 XPath 표현식을 기반으로 DOM 트리에서 특정 노드를 찾아야합니다. 필요하다면 ...

PS에서 PDF를 내보내기위한 비밀번호 보호를 설정하는 방법 Apr 06, 2025 pm 04:45 PM

Photoshop에서 암호로 보호 된 PDF를 내보내십시오 : 이미지 파일을 엽니 다. "파일"을 클릭하십시오. & gt; "수출"& gt; "PDF로 수출". "보안"옵션을 설정하고 동일한 비밀번호를 두 번 입력하십시오. "내보내기"를 클릭하여 PDF 파일을 생성하십시오.