Java JSP在进入servlet之前首先进行了自身验证

Java JSP在进入servlet之前首先进行了自身验证,java,jsp,servlets,Java,Jsp,Servlets,我想知道我的代码出了什么问题。它假设JSP将在进入servlet之前首先验证所有字段(无论是必需字段还是textfield格式等)。在使用servlet之前,我使用以下代码检查jsp本身。但是,这不起作用,因为它没有触发我的jsp函数validation()代码,而是直接进入servlet <form action="RegistrationServlet" method="post" enctype="multipart/form-data" onSubmit="return valid

我想知道我的代码出了什么问题。它假设JSP将在进入servlet之前首先验证所有字段(无论是必需字段还是textfield格式等)。在使用servlet之前,我使用以下代码检查jsp本身。但是,这不起作用,因为它没有触发我的jsp函数validation()代码,而是直接进入servlet

<form action="RegistrationServlet" method="post" enctype="multipart/form-data" onSubmit="return validation(event);">

以下代码将成为我的JSP:

<!DOCTYPE HTML><%@page language="java"
    contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<html>
<head>
<title>Registration</title>

<script>





function validation(){

    var userid =document.getElementById("userID").value;
        var firstName= document.getElementById("fName").value;
        var lastName = document.getElementById("lName").value;
        var phoneNo= document.getElementById("phoneNo").value;
        var dateOfBirth=document.getElementById("dob").value;
        var displayName= document.getElementById("dName").value;
        var password = document.getElementById("password").value;
        var address= document.getElementById("address").value;
        var interest = document.getElementById("interest").value;
        var emailAddress = document.getElementById("emailAddress").value;
        //var profilePic=document.getElementById("profilePic").value;
        var profilePiclbl=document.getElementById("lblProfilePic").innerHTML;
    alert("cc");
alert(emailAddress);



    //first check  all whether is it empty
            //check individual whether is it empty 

        //else forward to next page & create session
            //check the format 
                // forward to next page & create session
                    //servlet check label is it empty if not send to confirmation page


            if(firstName==""){
                document.getElementById("lblfName").style.color = "red";
                document.getElementById("lblfName").innerHTML="Please fill in your first name.";
                alert("Please check your first name.");
                return false;
            }
            else {
            document.getElementById("lblfName").innerHTML="";
            }
            if(lastName==""){
                document.getElementById("lbllName").style.color = "red";
                document.getElementById("lbllName").innerHTML="Please fill in your last name.";
                alert("Please check your last name.");
                return false;
            }
            else {
            document.getElementById("lbllName").innerHTML="";
            }
            if(displayName==""){
            document.getElementById("lbldName").style.color = "red";
                document.getElementById("lbldName").innerHTML="Please fill in your display name.";
                alert("Please check your display name.");
                return false;
            }
            else {
            document.getElementById("lbldName").innerHTML="";
            }



            if($("#dob").datepicker("getDate") === null) {
                document.getElementById("lblDOB").style.color = "red";
        document.getElementById("lblDOB").innerHTML="Please fill in your date of birth.";
         return false;
                }
            else {
            document.getElementById("lblDOB").innerHTML="";
            }


if(phoneNo==""){
document.getElementById("lblphoneNo").style.color = "red";
                document.getElementById("lblphoneNo").innerHTML="Please fill in your phone number.";
                alert("Please check your phone number.");
                return false;
            }
            else {
            document.getElementById("lblphoneNo").innerHTML="";
            }

if(userid==""){document.getElementById("lblUserID").style.color = "red";
                document.getElementById("lblUserID").innerHTML="Please fill in your user ID.";
                alert("Please check your user ID.");
                return false;
            }
            else {
            document.getElementById("lblUserID").innerHTML="";
            }





            if(password==""){
            document.getElementById("lblPassword").style.color = "red";
                document.getElementById("lblPassword").innerHTML="Please fill in your password.";
                alert("Please check your password.");
                return false;
            }
            else {
            document.getElementById("lblPassword").innerHTML="";
            }

            if(emailAddress==""){
            document.getElementById("lblemailAddress").style.color = "red";
                document.getElementById("lblemailAddress").innerHTML="Please fill in your email address.";
                alert("Please check your email address.");
                return false;
            }
            else {
            document.getElementById("lblemailAddress").innerHTML="";
            }

            if(address==""){
                document.getElementById("lblAddress").style.color = "red";
                document.getElementById("lblAddress").innerHTML="Please fill in address.";
                alert("Please check address.");
                return false;
            }
            else {
            document.getElementById("lblAddress").innerHTML="";
            }



             if(interest==""){
                document.getElementById("lblInterest").style.color = "red";
                document.getElementById("lblInterest").innerHTML="Please fill in your interest.";
                alert("Please check your interest."); 
                return false;
            }
            else {
            document.getElementById("lblInterest").innerHTML="";
            }




    if(firstName!="" || lastName!="" || userid!="" || phoneNo!="" || dateOfBirth!="" || displayName!="" || password!="" || address!=""|| interest!=""|| emailAddress!=""){
 var letters = /^[A-Za-z]+$/;  
 var numbers = /^\d{8}$/;  
  var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;


   if(!firstName.match(letters)|| !lastName.match(letters)){
   if (!firstName.match(letters)){
   document.getElementById("lblfName").style.color = "red";
   document.getElementById("lblfName").innerHTML="Please check your spelling of your first name.";
   return false;
   }else{
   document.getElementById("lblfName").innerHTML="";
   }
   if(!lastName.match(letters)){
    document.getElementById("lbllName").style.color = "red";
    document.getElementById("lbllName").innerHTML="Please check your spelling of your last name.";
    return false;
   }else{
   document.getElementById("lbllName").innerHTML="";
   }
    }
    //mid
    else{
    document.getElementById("lbllName").innerHTML="";
       document.getElementById("lblfName").innerHTML="";
    } 
     if(!phoneNo.match(numbers)){
         document.getElementById("lblphoneNo").style.color = "red";
     document.getElementById("lblphoneNo").innerHTML="Please check your phone number.";
     return false;
    }else {
     document.getElementById("lblphoneNo").innerHTML="";

    }


    if (!emailAddress.match(re)) { 
     document.getElementById("lblemailAddress").style.color = "red";
  document.getElementById("lblemailAddress").innerHTML="Please check your email address.";
     return false;
  }else{
    document.getElementById("lblemailAddress").innerHTML="";
  }
    if (profilePiclbl!="") { 

     return false;
  }else{
    document.getElementById("lblProfilePic").innerHTML="";
    return true;
  }






                 // $("#passRegi").val("success");
                    //alert($("#passRegi").val());

        }


}   </script>
<form action="RegistrationServlet" method="post" enctype="multipart/form-data" onSubmit="return validation(event);">
Registration

<table>
<tr>
<td>First Name:</td>
<td> <input type="text" name="fName" id="fName"></td>
<td> <label for="lblfName" id="lblfName" ></label></td>
</tr>

<tr>
<td>Last Name :</td>
<td> <input type="text" name="lName" id="lName"></td>
<td> <label for="lblDOB" id="lbllName"></label></td>
</tr>

<tr>
<td>Display Name :</td>
<td> <input type="text" name="dName" id="dName"></td>
<td> <label for="lblDOB" id="lbldName"></label></td>
</tr>

<tr>
<td>Date Of Birth :</td>
<td> <input type="text" name="dob" id="dob"></td>
<td> <label for="lblDOB" id="lblDOB"></label></td>
</tr>
<tr>
<td>Phone Number:</td>
<td> <input type="text" name="phoneNo" id="phoneNo"></td>
<td> <label for="lblphoneNo" id="lblphoneNo"></label></td>

</tr>


<tr>
<td>Email Address:</td>
<td> <input type="text" name="emailAddress" id="emailAddress"></td>
<td><label for="lblemailAddress" id="lblemailAddress"><div style="color: #FF0000;">${errorMessage}</div></label></td>

</tr>
<tr>
<td>Password:</td>
<td> <input type="password" name="password"  id="password" onkeyup="CheckPasswordStrength(this.value)"></td>
<td> <label for="lblPassword" id="lblPassword"></label></td>
<td><label for="password_strength" id="password_strength"></label></td>

</tr>

<tr>
<td>Address:</td>
<td> <input type="text" name="address"  id="address"></td>
<td> <label for="lblAddress" id="lblAddress"></label></td>
</tr>
<tr>
<td>Profile Picture:</td>
<td> <input type="file" name="profilePic"  id="profilePic"  accept="image/*"  onChange="previewFile()"></td>
<td> <label for="lblProfilePic" id="lblProfilePic"></label></td>

</tr>
<tr>
<td>Interest:</td>
<td> <input type="text" name="interest" id="interest"></td>
<td> <label for="lblInterest" id="lblInterest"></label></td>
</tr>
</table>
  <input type="submit" value="Submit" onClick="validation();">
</form>

</body>
</html>

登记处
函数验证(){
var userid=document.getElementById(“userid”).value;
var firstName=document.getElementById(“fName”).value;
var lastName=document.getElementById(“lName”).value;
var phoneNo=document.getElementById(“phoneNo”).value;
var dateOfBirth=document.getElementById(“dob”).value;
var displayName=document.getElementById(“dName”).value;
var password=document.getElementById(“密码”).value;
var address=document.getElementById(“地址”).value;
var利息=document.getElementById(“利息”).value;
var emailAddress=document.getElementById(“emailAddress”).value;
//var profilePic=document.getElementById(“profilePic”).value;
var profilePiclbl=document.getElementById(“lblProfilePic”).innerHTML;
警报(“cc”);
警报(电子邮件地址);
//首先检查是否为空
//检查是否为空
//否则,请转到下一页并创建会话
//检查格式
//转发到下一页并创建会话
//servlet检查标签如果未发送到确认页面,是否为空
如果(firstName==“”){
document.getElementById(“lblfName”).style.color=“红色”;
document.getElementById(“lblfName”).innerHTML=“请填写您的名字。”;
提醒(“请检查您的名字。”);
返回false;
}
否则{
document.getElementById(“lblfName”).innerHTML=“”;
}
如果(lastName==“”){
document.getElementById(“lbllName”).style.color=“红色”;
document.getElementById(“lbllName”).innerHTML=“请填写您的姓氏。”;
提醒(“请检查您的姓氏”);
返回false;
}
否则{
document.getElementById(“lbllName”).innerHTML=“”;
}
如果(displayName==“”){
document.getElementById(“lbldName”).style.color=“红色”;
document.getElementById(“lbldName”).innerHTML=“请填写您的显示名称。”;
警告(“请检查您的显示名称”);
返回false;
}
否则{
document.getElementById(“lbldName”).innerHTML=“”;
}
if($(“#dob”).datepicker(“getDate”)==null){
document.getElementById(“lblDOB”).style.color=“红色”;
document.getElementById(“lblDOB”).innerHTML=“请填写您的出生日期。”;
返回false;
}
否则{
document.getElementById(“lblDOB”).innerHTML=“”;
}
如果(电话号码==“”){
document.getElementById(“lblphoneNo”).style.color=“红色”;
document.getElementById(“lblphoneNo”).innerHTML=“请填写您的电话号码。”;
提醒(“请检查您的电话号码”);
返回false;
}
否则{
document.getElementById(“lblphoneNo”).innerHTML=“”;
}
if(userid==“”){document.getElementById(“lblUserID”).style.color=“red”;
document.getElementById(“lblUserID”).innerHTML=“请填写您的用户ID”;
警报(“请检查您的用户ID”);
返回false;
}
否则{
document.getElementById(“lblUserID”).innerHTML=“”;
}
如果(密码==“”){
document.getElementById(“lblPassword”).style.color=“红色”;
document.getElementById(“lblPassword”).innerHTML=“请填写您的密码。”;
提醒(“请检查您的密码”);
返回false;
}
否则{
document.getElementById(“lblPassword”).innerHTML=“”;
}
如果(电子邮件地址==“”){
document.getElementById(“lblemailAddress”).style.color=“红色”;
document.getElementById(“lblemailAddress”).innerHTML=“请填写您的电子邮件地址。”;
提醒(“请检查您的电子邮件地址”);
返回false;
}
否则{
document.getElementById(“lblemailAddress”).innerHTML=“”;
}
如果(地址==“”){
document.getElementById(“lblAddress”).style.color=“红色”;
document.getElementById(“lblAddress”).innerHTML=“请填写地址。”;
提醒(“请检查地址”);
返回false;
}
否则{
document.getElementById(“lblAddress”).innerHTML=“”;
}
如果(利息==“”){
document.getElementById(“lblInterest”).style.color=“红色”;
document.getElementById(“lblInterest”).innerHTML=“请填写您的兴趣爱好。”;
警惕(“请检查您的兴趣。”);
返回false;
}
否则{
document.getElementById(“lblInterest”).innerHTML=“”;
}
if(firstName!=“lastName!”=“userid!”=“phoneNo!”=“dateOfBirth!”=“displayName!”=“password!”=“address!”=“interest!”=“emailAddress!”){
变量字母=/^[A-Za-z]+$/;
变量数=/^\d{8}$/;
变量re=/^([^()[\]\\,;:\s@\“]+(\.[^()[\]\,;:\s@\“]+)*)(\'+\”)(\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[1,3}.[0-9]{1,3}.];
如果(!firstName.match(字母)| |!lastName.match(字母)){
如果(
var userid =document.getElementById("userID").value;  //userID is not present in any html element.