与Django一起使用时出现Javascript验证错误

Question

我已经创建了一个django应用程序。使用此应用程序可以创建或删除用户。但在创建用户时，当我们将字段(Employee ID Field)中的1保留为空时，它不会被提交，并抛出这个错误- int()的无效文本，基数为10：'‘。因此，我认为只有在employee ID field为非空的情况下，单独验证该字段并提交该表单才能解决我的问题。为此，我创建了一个javascript，并希望在提交之前调用该js函数。仅当该字段为非空时，才需要提交该表单。警告框即将出现，要求输入员工ID，但一旦我点击确定警告框，同样的错误来again.Can有人帮我解决这个问题。我对Django和编程都很陌生。我将在这里粘贴我的代码。

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

错误："if ((“”打开了两个括号

-更新

首先，如果您在将空或null转换为数字时出现错误，这意味着您的代码有误。通过在javascript上进行额外的验证来修复它意味着你正在进行非常糟糕的变通而不修复错误本身-如果javascript失败(例如，浏览器中没有启用javascript )，用户仍然会得到50倍的错误。

因此，修改表单以使此字段为必填字段。在表单中，您将EmployeeID定义为非必填字段，然后假定此字段为必填字段，并尝试使用它。

如果你要修复你的应用程序(后端)代码，那么你可以在前端(javascript)添加验证。

附加表单验证的正确方法是将其附加到"on-submit“表单处理程序。如果此处理程序将返回"false“，则不会提交表单。