2014-01-16 2 views
1

Я создал страницу входа в систему (HTML) в динамическом проекте. Я хочу проверить имя пользователя и пароль с базой данных mysql и отобразить сообщение об ошибке на той же странице, если имя пользователя или пароль неверны. Я не хочу использовать сервлет здесь, чтобы отобразить страницу с ошибкой, потому что я хочу отображать сообщение об ошибке вместо страницы с ошибкой. Как я могу достичь этого в динамическом веб-проекте. Могу ли я использовать javascript, jQuery, JSP или любую их комбинацию?Как проверить имя пользователя и пароль с базой данных, чтобы отобразить сообщение об ошибке?

+1

Вы можете использовать все из тех. Какой серверный язык вам доступен? – MonkeyZeus

+0

Механизмы проверки Javascript лучше пойти http://www.position-relative.net/creation/formValidator/ –

+1

AJAX - это то, что вы ищете. JQuery поддерживает его из коробки – Reeno

ответ

0

Я не знаком с JSP, но вот обзор того, что вам нужно:

index.html

<!DOCTYPE HTML> 
<html> 
    <head> 
     <title>Web Form</title> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
     <script> 
      $(document).ready(function() { 

       $('form').on('submit', function(e) { 
        // don't let the browser submit the form 
        e.preventDefault(); 

        // send form data to JSP page 
        $.ajax({ 
         url: 'process.jsp', 
         async: true, 
         cache: false, 
         type: 'POST', 
         data: $(this).serialize(), 
         dataType: 'html', 
         success: function(data) { 
          // place message in error box 
          $('#error_box').html(data); 

          // if "Success" then redirect if you would like 
          if(data === 'Success!'){ 
           // window.location = 'some other page/website'; 
          } 
         } 
        }); 
       }); 

      }); 
     </script> 
    </head> 

    <body> 
     <form method="POST" action="process.jsp"> 
      <input type="text" name="username" /> 
      <input type="password" name="password" /> 
      <input type="submit" value="submit" /> 
     </form> 
     <div id="error_box"></div> 
    </body> 
</html> 

process.jsp

// I don't know JSP 
// use the POST values and check your DB 
// Upon success/failure just echo the message 
// <%='Success!'%> 
// <%='Failed!'%> 
+0

Я заметил, что вы приняли мой ответ, работает ли код для вас? – MonkeyZeus

Смежные вопросы