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

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

WBOY

풀어 주다： 2016-05-16 15:26:20

원래의

1208명이 탐색했습니다.

이 기사의 예에서는 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 이벤트를 사용하여 감지합니다.

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