Авторизация без формы

@Андрей_74 · Регистрация: 06.11.2013

Author24 — интернет-сервис помощи студентам

Добрый день, есть html код:

HTML5

<!DOCTYPE html>
<html>
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Test</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="fun.js"></script>
 </head>
 <body>
  <h1>Regist</h1>
     <p class='inpt'><input type='text' class='auto' id='log' name='login' placeholder="Enter login"><br></p>
     <p class='inpt'><input type='text' class='auto' id='pass' name='password' placeholder="Enter password"><br></p>  
     <p><a class='one' href='#' id='jhn'>Ready</a></p>
     <p class='readyBlock'></p> 
 </body>
</html>

Далее есть js+ajax, не выводит функции даже, нужно что бы с инпутов собрать данные и передать через ajax в файл php для дальнейшей обработки
Вот Js+ajax

Javascript

$("jhn").live("click", function() {
    var value = $(".inpt").val(); 
    getValue(value); 
});
 
function funBefore(){
   $(".readyBlock").text("Waiting information..."); 
}
function funAfter(){
   $(".readyBlock").text("Ready"); 
}
 
function getValue(value) 
{
         $.ajax({
           type: "POST",
           url: "Authoriz.php", 
           data: ({"value":value}),
           beforeSend: funBefore,
           success: funAfter
       });
}

@sad67man · 22.09.2016, 18:35

Андрей_74, У вас в консоле не выдает никаких ошибок? Просто метод .live() является устаревшим, рекомендуется использовать метод .on() - это во-первых.
Во-вторых, а почему вы отказываетесь от формы? У меня такая политика, что каждый инпут должен лежать хоть в какой-нибудь форме. Намного удобнее работать с формами, особенно, если вы собираетесь делать какие-то запросы, ajax/не ajax - не важно. Ну и конечно есть отдельные методы, которые собирают данные с формы.

@Андрей_74 · 22.09.2016, 18:43 **[ТС]**

sad67man, по поводу .live() нету никаких ошибок, хочу сделать авторизацию без формы думаю интересно будет

@sad67man · 22.09.2016, 19:05

Андрей_74, У вас ошибок по поводу .live() нет, хотя он отменен с версии 1.7, а у вас подключается, как я вижу версия 1.8.3. Но давайте по порядку...

Javascript

1	$("jhn").live("click", function() {

Я так понимаю, что подразумевается селектор по id. Вы забыли символ #

Javascript

1	$("#jhn").live("click", function() {

@Андрей_74 · 22.09.2016, 19:11 **[ТС]**

sad67man, Верно, забыл написать, но суть проблемы к сожалению не меняет, .live() заменил на .on()

@svs171 · 22.09.2016, 19:35

Javascript

$("jhn").click(function() {
    var value = 'login=' + $("#log").val() + '&password=' + $("#pass").val(); 
    getValue(value); 
});
 
function funBefore(){
   $(".readyBlock").text("Waiting information..."); 
}
function funAfter(){
   $(".readyBlock").text("Ready"); 
}
 
function getValue(value) 
{
         $.ajax({
           type: "POST",
           url: "Authoriz.php", 
           data: value,
           beforeSend: funBefore,
           success: funAfter
       });
}

@Андрей_74 · 22.09.2016, 19:57 **[ТС]**

Добавлено через 18 секунд
svs171, Не помогло

Добавлено через 55 секунд
svs171,

Сообщение от svs171

$("jhn").click(function() {

а как же

Javascript

1	$("#jhn").click(function() {

@svs171 · 22.09.2016, 20:07

а, ну да, не заметил:

Javascript

1	$("#jhn").click(function() {

@Андрей_74 · 23.09.2016, 07:34 **[ТС]**

Сообщение от svs171

data: value,

Здесь так же надо {}

Javascript

1	data: {value},

@svs171 · 23.09.2016, 08:26

Сообщение от Андрей_74

Здесь так же надо {}

в данном случае не нужно

@svs171 119 / 116 / 63 Регистрация: 16.09.2016 Сообщений: 354
	23.09.2016, 08:26	10
	Сообщение от Андрей_74 Здесь так же надо {} в данном случае не нужно 0

@sad67man 2234 / 1280 / 611 Регистрация: 23.08.2015 Сообщений: 3,230
	22.09.2016, 18:35	2
	Андрей_74, У вас в консоле не выдает никаких ошибок? Просто метод .live() является устаревшим, рекомендуется использовать метод .on() - это во-первых. Во-вторых, а почему вы отказываетесь от формы? У меня такая политика, что каждый инпут должен лежать хоть в какой-нибудь форме. Намного удобнее работать с формами, особенно, если вы собираетесь делать какие-то запросы, ajax/не ajax - не важно. Ну и конечно есть отдельные методы, которые собирают данные с формы. 0

@Андрей_74 0 / 0 / 0 Регистрация: 06.11.2013 Сообщений: 222
	22.09.2016, 18:43 [ТС]	3
	sad67man, по поводу .live() нету никаких ошибок, хочу сделать авторизацию без формы думаю интересно будет 0

@Андрей_74 0 / 0 / 0 Регистрация: 06.11.2013 Сообщений: 222
	22.09.2016, 19:11 [ТС]	5
	sad67man, Верно, забыл написать, но суть проблемы к сожалению не меняет, .live() заменил на .on() 0