집 > 기사 > 웹 프론트엔드 > JavaScript 제출 양식과 제출 제출의 차이점 분석

JavaScript 제출 양식과 제출 제출의 차이점 분석

黄舟원래의: 2017-11-18 15:13:392773검색

이전 두 기사에서 JavaScript 제출 양식을 구현하는 여러 가지 방법과 JavaScript 제출 양식을 확인하는 방법을 소개했으며 제출 양식에는 특정 제출 항목이 있으므로 오늘은 분석을 제공하겠습니다. JavaScript 제출 양식과 제출 제출의 차이점!

<!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. 입력을 누르면 w3c 브라우저가 제출 버튼을 가져옵니다. ie6 값은 가져오지 않습니다.

해결 방법: 숨겨진 도메인을 추가하고 이를 사용하여 제출 방법에 관계없이 판단합니다.

제출 버튼은 submit 이벤트에 바인딩됩니다

즉:

<input type="submit" name="btn" value="btn" onclick="test()" />

은 submit의 값을 가져오며, 제출할 때 onsubmit 상태를 감지할 수 없습니다. with js

w3c: 한 번 제출

ie6: 두 번에 걸쳐 제출, 먼저 양식에 js 제출

해결 방법:

버튼이 제출된 경우 다음과 같은 경우 onsubmit 이벤트 감지를 사용하세요. 감지

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

JS를 사용하여 양식을 제출하지 말고 onsubmit을 사용하여 감지하세요.

이 글의 자세한 소개에 따르면 JavaScript 제출 양식과 제출 제출 양식의 차이점을 이해하셨을 것이라 생각합니다. 자신의 필요에 따라 어느 것을 선택할지 결정하시면 됩니다!

JavaScript 제출 양식과 제출 제출의 차이점 분석

관련 기사