이 기사의 예에서는 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은 그렇지 않습니다.
해결책:
숨겨진 필드를 추가하여 이를 판단하세요. 어떤 방법으로 제출하든 가치가 있습니다
제출 버튼에 제출 이벤트 바인딩:
즉,077e875a3ba655f159fd3623b0af4c41
submit 값이 포함되며 js를 사용하여 제출하면 onsubmit 상태를 감지할 수 없습니다
w3c: 한 번만 제출
ie6: 두 단계로 제출하고 먼저 js를 양식으로 제출하세요.
해결책:
버튼이 제출되면 onsubmit 이벤트를 사용하여 감지합니다.버튼이 버튼인 경우 감지를 통과한 후 제출 이벤트가 트리거됩니다
JS를 사용하여 양식을 제출하지 않도록 하고, onsubmit을 사용하여 이를 감지하세요
단순히 js를 사용하여 양식 제출, 경고, ff에서 양식 제출 차단 및 기타 탐색을 수행하세요
이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.