» Form action, помогите сделать форму

Botovskiu

Цитата:

да надо изучать js

это не js в чистом виде - это фреймворк jQuery


Цитата:

на сколько сложный язык

у каждого свои способности к восприятию и обучению

Здравствуйте, имеется такой код.


Код: var chech_act=true;
function login(){
    if(chech_act==true){
        chech_act=false;
        error(0,"");
        var login=document.getElementById("login").value;
        var password=document.getElementById("password").value;
        if(login.length==0||password.length==0){chech_act=true;error(1,"Заполните все поля!");}else{OpenHttpRequest("/admin/post.php","login="+encodeURIComponent(login)+"&password="+encodeURIComponent(password),function(res){chech_act=true;if(res!="#QTIS"){if(res=="true"){location.href="/admin";}else{return error(1,res);}}return false;});}
    }
    return false;
}
function error(i,txt){
    document.getElementById("info").style.display="none";
    if(i==1){document.getElementById("info").innerHTML=txt;document.getElementById("info").style.display="block";}
    return false;
}


<form action="" method="post" onsubmit="login();return false;">
<input type="text" class="form-control" id="login" placeholder="Login" autofocus>
<input type="password" class="form-control" id="password" placeholder="Password">
<input type="submit" class="form-btn" onclick="return login();" value="Login">
</form>

а зачем у тебя у формы onsubmit="login();return false;" ?

срочно на изучение JS/jQuery!!!! так далеко не уедешь!

vaizmanai
чтоб когда была отправка form, отлавливалось событие в JS.

antoxamad
Если убрать form, по клику всё работает. А вот с form - не хочет.

Sutar
помоему в Вашем случае form не нужен

vs6262
совершенно верно.
Но если ввести данные в поля и нажать Enter - ничего не происходит. Для этого нужна форма.

и

OpenHttpRequest("/admin/post.php","login="+encodeURIComponent(document.getElementById("login").value)+"&password="+encodeURIComponent(document.getElementById("password").value)

извеняюсь не увидел вначале

vs6262

Код: function OpenHttpRequest(page,send,fun){
    if(http){
        http.open("POST",page,true);
        http.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        http.send(send);
        var timeout=setTimeout(function(){http.abort();alert("Query time is over");return fun("#QTIS");},5000);
        http.onreadystatechange=function(){if(http.readyState==4){if(http.status==200){clearTimeout(timeout);return fun(http.responseText);}}}
    }
    return false;
}

AJAX jQuery

Код:
---------------------------------------------------------
function showGetResult(_url)
{
var result = null;
var scriptUrl = _url;
$.ajaxSetup({ cache: false });
$.ajax({
url: scriptUrl,
type: 'POST',
dataType: 'html',
async: false,
success: function(data) {
result = data;
}
});
return result;
}
--------------------------------------------------------

Цитата:

function showGetResult(_url)
{
var result = null;
var scriptUrl = _url;
$.ajaxSetup({ cache: false });
$.ajax({
url: scriptUrl,
type: 'POST',
dataType: 'html',
async: false,
success: function(data) {
result = data;
}
});
return result;
}

ну это вообще чушь. во-первых, async: false завесит браузер на время обработки запроса, не надо так делать, уже 2015й год а не 90е, во-вторых, если убрать asyc, она всегда будет возвращать null, потому что когда ajax-вызовы работают асинхронно, они передают полученные данные в колбэки и промисы.

$.post(scriptUtl).then(function(html) {
...
}, function() {
alert('error');
});

и всё.

Добавлено:
и да, $.ajaxSetup({ cache: false }); влияет только на выполнение GET-запросов. POST-запросы браузер никогда не кэширует. и выполнять это надо не каждый раз перед запуском аякс-запроса, достаточно вызвать один раз при открытии страницы.

vs6262
зачем мне целый модуль AJAX, если я написал малую часть, которая работает так-же?
Мне нужна помощь в отловке события...