양식을 제출하기 전에 양식을 확인하는 여러 가지 방법 Django에서는 배경 부담을 줄이기 위해 양식을 제출하기 전에 JavaScript를 사용하여 양식 데이터를 확인할 수 있습니다. 아래에는 여러 가지 유효한 방법이 제공됩니다(각 .html 파일에 대해 하나의 방법). formpage1.html 코드 복사 코드는 다음과 같습니다. 예1 script> <br><script type="text/javascript"> <br>function jump() <br>{ <br>//양식의 모든 데이터 지우기<br>document.getElementById("firstname") .value="" <br>document.getElementById("lastname").value="" <br>$("#firstnameLabel").text("") <br>$("#lastnameLabel").text( "") <br>} <br>$(document).ready(function(){ <br>$("#form1").bind("submit", function(){ <br>var txt_firstname = $. Trim($(" #firstname").attr("value")) <br>var txt_lastname = $.trim($("#lastname").attr("value")) <br><br>$( "#firstnameLabel") .text("") <br>$("#lastnameLabel").text("") <br><br>var isSuccess = 1 <br>if(txt_firstname.length == 0) <br>{ <br>$("#firstnameLabel").text("이름은 비워둘 수 없습니다! ") <br>$("#firstnameLabel").css({"color":"red"}); <br>isSuccess = 0; <br>} <br>if(txt_lastname.length == 0) <br>{ <br>$("#lastnameLabel").text("성은 비워둘 수 없습니다!") <br>$("#lastnameLabel").css({"color":"red"}) <br>isSuccess = 0; <br>} <br>if(isSuccess == 0) <br>{ <br>return false; <br>} <br>}) <br> 양식 제출 전 확인(방법 1) > first_name: ; 성: name="lastname" type="text" id="lastname" /> <버튼 유형="제출"> 취소 formpage2.html 코드 복사 코드는 다음과 같습니다. <머리> 예제 2 <br>함수 점프() <br>{ <br>//清空表单所有数据 <br>document.getElementById("firstname").value="" <br>document.getElementById("lastname").value= "" <br>$("#firstnameLabel").text("") <br>$("#lastnameLabel").text("") <br>} <br>function check(){ <br>var txt_firstname = $.trim($("#firstname").attr("value")) <br>var txt_lastname = $.trim($("#lastname").attr("value")) <br><br>$("#firstnameLabel").text("") <br>$("#lastnameLabel").text("") <br><br>var isSuccess = 1; <br>if(txt_firstname.length == 0) <br>{ <br>$("#firstnameLabel").text("firstname불能为空!") <br>$("#firstnameLabel").css( {"색상":"빨간색"}); <br>isSuccess = 0; <br>} <br>if(txt_lastname.length == 0) <br>{ <br>$("#lastnameLabel").text("lastname불能为空!") <br>$("#lastnameLabel" ).css({"color":"red"}); <br>isSuccess = 0; <br>} <br>if(isSuccess == 0) <br>{ <br>return false; <br>} <br>true를 반환합니다. <br>} <br> <본문> 提交表单前进行验证(방법이) <테이블> 이름: 성: 테이블> 提交 取消