jspを使用してサインアップフォームでパスワードの検証とパスワードフィールドの確認方法を教えてください。

Question

私はjsp programming.Iで新規です。私はパスワードを検証しパスワードフィールドを確認することができないフォームを開発します。パスワードとパスワードの確認は次のページに行くでしょう。しかし間違っています。次のページに進みます。サインアップした後、ページデータがdbに挿入されます。 次のコードを考慮してください。

<script> 
    function myFunction() { 
     var pass1 = document.getElementById("pass").value; 
     var pass2 = document.getElementById("rpass").value; 
     if (pass1 != pass2) { 
      //alert("Passwords Do not match"); 
      document.getElementById("pass").style.borderColor = "#E34234"; 
      document.getElementById("rpass").style.borderColor = "#E34234"; 
     } 
     else { 
      alert("Passwords Match!!!"); 
      document.getElementById("regForm").submit(); 
     } 
    } 
</script> 
<form method="post" id="regForm" onsubmit="return myFunction()" action="registration.jsp"> 

    First Name 
    <input type="text" name="fname" value="" /> 

    Email 
    <input type="text" name="email" value="" /> 

    Password</td> 
    <input type="password" name="pass" value="" /> 

    Re Password 
    <input type="password" name="rpass" value="" /> 

    <input type="submit" value="Submit" />          
</form> 

registration.jsp挿入DBコード

<%@page contentType="text/html" pageEncoding="UTF-8"%> 
<%@ page import ="java.sql.*" %> 
<%@page import="java.sql.DriverManager"%> 

<% 
    String user = request.getParameter("uname");  
    String pwd = request.getParameter("pass"); 
    String fname = request.getParameter("fname"); 
    String lname = request.getParameter("lname"); 
    String email = request.getParameter("email"); 

    Class.forName("com.mysql.jdbc.Driver"); 
    Connection con = DriverManager.getConnection("jdbc:mysql://localhost:3306/app", 
      "root", ""); 
    Statement st = con.createStatement(); 
    int i = st.executeUpdate("insert into members(first_name, last_name, email, uname, pass,regdate) values ('" + fname + "','" + lname + "','" + email + "','" + user + "','" + pwd + "',CURDATE())"); 
    if (i > 0) { 
     out.print("Registration Successfull!"+"<a href='welcome.jsp'>Go to Login</a>"); 
    } else { 
     response.sendRedirect("index.jsp"); 
    } 
%> 

Answer 1

getElementById()方法指定された値を持つID属性を持つ要素を返します。 はせずに、あなたがdocument値 にアクセスしなかったので、すべてのテキストフィールドと

First Name 
<input type="text" name="fname" id="fname" value="" /> 

Email 
<input type="text" name="email" id="email" value="" /> 

Password</td> 
<input type="password" name="pass" id="pass" value="" /> 

Re Password 
<input type="password" name="rpass" id="rpass" value="" /> 

のような他の分野でも同様にIDを定義する方法イドを定義します