JavaScript를 사용하여 양식을 제출하는 여러 가지 방법
- 黄舟원래의
- 2017-11-18 14:53:2812635검색
저희 업무에서는 양식을 자주 사용하는데, 양식을 제출하는 방법은 여러 가지가 있습니다. JavaScript양식을 제출하는 방법 오늘은 JavaScript를 사용하여 양식을 제출하는 방법을 소개해 드리겠습니다. !
첫 번째 방법: 양식 제출의 경우 양식 태그에 onsubmitevent를 추가하여 양식 제출이 성공했는지 확인하세요.
<script type="text/javascript">
function validate(obj) {
if (confirm("提交表单?")) {
alert(obj.value);
return true;
} else {
alert(obj.value);
return false;
}
}
</script>
<body>
<form action="http://www.jb51.net" onsubmit="return validate(document.getElementByIdx_x('myText'));"> <!—参数的这种写法注意下-->
<input type="text" id="myText"/>
<input type="submit" value="submit"/>
</form>
</body>두 번째 방법: 버튼 버튼을 통해 양식 제출 이벤트를 트리거하세요 onclick="submitForm();"은 다른 태그의 속성을 무시합니다. 예를 들어 양식 태그의 onsubmit 속성은 유효하지 않습니다. 이때 양식 확인을 수행하려면 submitForm() 메서드에 확인 코드를 입력하면 됩니다.
<script type="text/javascript">
function validate() {
if (confirm("提交表单?")) {
return true;
} else {
return false;
}
}
function submitForm() {
if (validate()) {
document.getElementByIdx_x("myForm").submit();
}
}
</script>
<body>
<form action="http://www.jb51.net" id="myForm">
<input type="text"/>
<input type="button" value="submitBtn" onclick="submitForm();"/> <!—也可以使用document.getElementByIdx_x(“该按钮的id”).click();来执行onclick事件-->
</form>
</body>세 번째 방법: 양식 태그 대신 제출 태그에 onsubmit 이벤트를 넣으세요. 이때 양식 확인을 클릭하면 양식을 직접 제출할 수 있습니다.
<script type="text/javascript">
function validate() {
if (confirm("提交表单?")) {
return true;
} else {
return false;
}
}
</script>
<body>
<form action="http://www.jb51.net">
<input type="text"/>
<input type="submit" value="submit" onsubmit="return validate()"/>
</form>
</body>네 번째. 방법: 양식 제출을 확인하는 데 사용되는 onclick 이벤트를 제출 버튼에 추가하세요. 이 기능은 양식 태그에 onsubmit 이벤트를 추가하는 것과 유사합니다
<script type="text/javascript">
function validate() {
if (confirm("提交表单?")) {
return true;
} else {
return false;
}
}
</script>
<body>
<form action="http://www.jb51.net">
<input type="text"/>
<input type="submit" value="submit" onclick="return validate()"/>
</form>
</body>다섯 번째 방법:
<body>
<form action="http://www.jb51.net" id="myForm">
<input type="text"/>
<input type="button" value="submitBtn" id="myBtn"/>
</form>
</body>
<script type="text/javascript">
function validate() {
if (confirm("提交表单?")) {
return true;
} else {
return false;
}
}through 양식 제출 이벤트 onclick="submitForm();"을 트리거하는 버튼 버튼은 다른 태그의 속성을 무시합니다. 예를 들어 양식 태그의 onsubmit 속성은 유효하지 않습니다. 이때 폼 인증을 하기 위해서는 submitForm() 메소드에 인증코드를 넣어야 합니다. JavaScript로 양식을 제출하는 다양한 방법은 각 방법이 다르므로 필요에 따라 하나를 선택할 수 있습니다. 작업에 도움이 되기를 바랍니다!
관련 권장 사항 : php에 의해 js를 사용하여 js를 사용하는 방법과 검증이 거부됩니다. JavaScript 제출 양식 방법에 대한 간략한 소개(JavaScript 제출 양식 사용)
위 내용은 JavaScript를 사용하여 양식을 제출하는 여러 가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!