сделать простую страницу входа

Question

привет всем .. Я хочу сделать простую страницу входа. Я подготовил два текстовых поля.

<input type="text" id="user">
<input type="password" id="password">
<input type="button" id="go">

я хочу после нажатия #go скрипт может проверить:

if #user value != "admin" 
then #password value != "qaubuntu"

покажет и JS оповещение. но если данные одинаковые, покажет некоторые скрытые. Можете ли вы показать мне, как это сделать?

Answer 1

$(function() {
  $('#go').click(function() {
    if($('#user').val() !== "admin" || $('#password').val() !== "qaubuntu") {
      alert('Invalid login');
      return false;
    } else {
      return true;
    }
  });
});

это быстрое решение (при условии, что вы просто играете).Но вы никогда не должны делать это так по нескольким причинам:

1. Любой, у кого полумрака, может взглянуть на ваш JavaScript и увидеть, что такое id / pw
2. Я всегда думаю, что этолучше выполнить аутентификацию пользователя на стороне сервера
3. Вероятно, миллион других, это так небезопасно, это больно

, но для целей этого ответа я предполагаю, что вы простотренируюсь с JQ.

Answer 2

это в jquery, при нажатии на кнопку #go проверить данные для входа

$('#go').bind('click',function()
{
   if($('#user').val() == 'admin' && $('#password').val() == 'qaubuntu'))
      //ok do what you need
   else
      alert('username or password not valid');
});