JavaScriptとサーブレットによるログインの確認

Question

ユーザーのログインを検証しようとしていますが、JavaScriptメソッドの構文に問題があります。私はvalidateUser.jspからデータをキャッチするために何を置くべきかは特に分かりません。ここで

は私のHTMLコードです：

<form action="servlets/validateUser.jsp" name="signinform" method="post" onsubmit="return validateSignIn();"> 
     <div class="form-group"> 
      <label for="email">Email</label> 
      <input type="text" class="form-control" name="email"> 
     </div> 
     <div class="form-group"> 
      <label for="password">Password</label> 
      <input type="password" class="form-control" name="password"> 
     </div> 
     <div class="text-center"> 
      <button type="submit" class="btn btn-default"> Log in</button> 
     </div> 
    </form> 

そして、ここでは私のJavaScriptのメソッドです：

<script> 
    function validateSignIn() { 
     var xhttp = new XMLHttpRequest(); 
     xhttp.open("GET", "validateUser.jsp?user=" + document.signinform.email.value + 
      "&pass=" + document.signinform.password.value + "&type=signIn", false); 
     xhttp.send(); 
     // response text is whatever the server sends back 
     // if something comes back, assume it's an error message 
     if(xhttp.responseText.trim().length > 0) { 
      document.getElementById("invalidSignIn").innerHTML = xhttp.responseText; 
      return false; 
     } 
     return true; 
    } 
</script> 

Answer 1

、あなたの入力を与えると 'ID' attributeをフィールド、そしてあなたが生のJavaScriptを使用することができます値を取得します。たとえば、電子メールの入力タグにこれを追加することによって：

id="email"

をJSP入力は次のようになります。

<input id="email" type="text" class="form-control" name="email">

次のあなたが取得するには、次のJavaScriptコードを使用します現在の値：

document.getElementById('email').value 

のようなチュートリアルサイトでこれ以上の回答を見つけることができます。