2013-10-24 3 views
0

Я пытаюсь сделать простейший логин. Просто нужно иметь 1 статическое имя пользователя/пароль, чтобы перейти к следующей странице html в моем каталоге, нажав кнопку.Очень простой вход в систему HTML5

Я пробовал использовать этот метод, но, похоже, не работает для меня.

<input type="text" name="login" required pattern="user123"> 
<input type="text" name="password" required pattern="password1234"> 

Любые идеи были бы полезны. Heres полный логин, если это помогает http://jsfiddle.net/aHzAP/

+2

Что вы ожидали от этого? Вам необходимо подключить свою форму к серверу, который аутентифицирует учетные данные пользователя. Просто бросать пару полей формы на страницу, не будет создавать рабочий логин. Как вы думаете, что он собирается определить, действительно ли пользователь представил действительное имя пользователя и пароль? – Josh

+1

Я потерялся за слова. Вы отметили свой вопрос с помощью 'html5', но вы используете таблицы для макета,'

'теги и' 'tags – Bojangles

+0

Argh argh argh' '. Но (одна) проблема в том, что вы обходите собственную проверку с перенаправлением в атрибуте onclick. Почему это вообще? – JJJ

ответ

1

Ключом к вопросу является то, что запрашивающий хочет, чтобы имя пользователя и пароль были статическими.

Почему бы не использовать очень простой Javascript для этого?

<input type="text" id="login" required> 
    <input type="text" id="password" required> 
    <input type="button" id="goButton" onclick="checkLoginPass()" /> 
    <script> 
     var checkLoginPass = function() { 
      var login = document.getElementById("login").value; 
      var pass = document.getElementById("password").value; 
      if (login === "user123" && pass === "password1234") { 
       window.location.replace("http://www.someurlhere.com"); 
      } 
      else { 
       //do something else; 
      } 
     } 
    </script> 
+0

Вы ничего не узнали из вопроса, на который вы одолжили этот код? http://stackoverflow.com/questions/19575763/very-simple-js-static-login/19575826#19575826 – NicolasMoise

+0

мой ответ был отправлен до того, как этот вопрос был задан ... Я думаю, что «заимствование» - это наоборот ... –

+0

О, я вижу. Я просто подумал, что это смешно, потому что я только что пришел из этого вопроса. – NicolasMoise

0

Ваш должны иметь действие и атрибут метода, OnClick не будет посылать какую-либо информацию на страницах она будет вести при нажатии

<form action="AdminResults.php" method="post"> 

Edit: Вам нужно будет что-то вроде PHP на действия чтобы проверить, действительна ли аутентификация

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