장고에서 사용시 Javascript 유효성 검사 오류가 발생했습니다.

Question

장고 응용 프로그램을 만들었습니다. 이 앱을 사용하면 사용자를 생성하거나 삭제할 수 있습니다. 그러나 우리가 필드 (직원 ID 필드)의 1을 남겨 둘 때 사용자를 생성하는 동안 제출되지 않고이 오류가 발생합니다. 기본 10 인 '(')의 int()에 대한 유효하지 않은 리터럴입니다. 그래서 나는 그 필드 만 검증하고 직원 ID 필드가 null이 아닌 경우에만 해당 양식을 제출하는 것이 내 문제를 해결할 수 있다고 생각합니다. 그래서 내가 자바 스크립트를 작성하고 js 함수가 제출되기 전에 호출되도록하고 싶습니다. 해당 필드가 비어 있지 않은 경우에만 해당 양식을 제출해야합니다. 경고 상자에 직원 ID를 입력하라는 메시지가 표시되지만 일단 경고 상자에 확인을 클릭하면 같은 오류가 다시 발생합니다. 누군가 해결할 수 있도록 도와 줄 수 있습니까? 나는 장고와 프로그래밍에있어서 아주 새로운 것이다. 여기에 코드를 붙여 넣습니다.

Add New User to Employee List 
</h4><br><br><br> 
<form name="myForm" action="http://10.1.0.90:8080/createEmployee/" method="POST"> 
<br>Name: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="userName" style="color: black; background-color: #BDBDBD" /><br /><br> 
Designation:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<select name="designation" style="color: black; background-color: #BDBDBD" > 
<option value="Trainee" >Trainee</option> 
<option value="Software Engineer Trainee">Software Engineer Trainee</option> 
<option value="Software Engineer">Software Engineer</option> 
<option value="Senior Software Engineer">Senior Software Engineer</option> 
<option value="Project Manager">Project Manager</option> 
<option value="System Administrator">System Administrator</option> 
<option value="Tester">Tester</option> 
</select><br> 
<br> 
EmployeeID:<input id ="empid" type="text" name="employeeID" style="color: black; background-color: #BDBDBD" /><br><br> 
Contact Number: <input type="text" name="contactNumber" style="color: black; background-color: #BDBDBD" /><br><br> 
Project:&nbsp;&nbsp;&nbsp;<input type="text" name="project" style="color: black; background-color: #BDBDBD" /><br><br> 
Location:&nbsp;<input type="text" name="location" style="color: black; background-color: #BDBDBD" /><br><br> 
E-mail:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="email" style="color: black; background-color: #BDBDBD" /><br><br> 
Skills:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="skills" style="color: black; background-color: #BDBDBD" /><br><br> 
Date Of Join:&nbsp;<input type="text" id="datepicker" name="dateOfJoin" style="color: black; background-color: #BDBDBD" /><br><br> 
<br><br> 
<input type="submit" value=" Submit " onclick="isEmpty()" /><br /> 
</form> 
<script type="text/javascript"> 
function isEmpty(){ 
    if ((document.myForm.EmployeeID.value.length==0)) 
     { 
      alert("Please Enter Employee ID"); 
        return true; 
     } 
    else 
     { 
     return false; 
     } 

} 

Answer 1

실수 : "경우 (("두 브래킷

을 열어

--- 업데이트 --- 모든

첫째, 당신은 빈 또는 null를 변환하는 방법에 대한 오류가 발생하는 경우 숫자에, 그것은 당신이 당신의 코드를 잘못했다는 것을 의미합니다 .JavaScript에서 추가적인 확인을함으로써 그것을 수정한다는 것은 에러 자체를 수정하지 않고 매우 불쾌한 해결 방법을 만들고 있음을 의미합니다 - 자바 스크립트가 실패하면 (예 : 브라우저에서 자바 스크립트를 사용할 수 없음) 오류.

양식을 수정하여이 필드를 입력해야합니다. IMO 당신은 EmployeeID를 폼에서 필수가 아닌 필드로 정의한 다음이 필드가 필수이고이를 사용하려고한다고 가정합니다.

애플리케이션 (백엔드) 코드를 수정하는 경우 프론트 엔드 (자바 스크립트)에 인증을 추가 할 수 있습니다.

양식 확인을 첨부하는 적절한 방법은 "제출시"양식 처리기에 첨부하는 것입니다. 이 처리기가 "false"를 반환하면 양식이 제출되지 않습니다.