Итак, я пытаюсь создать новую форму для входа в систему с моего сайта, используя jquery и классический ASP. На данный момент у меня есть содержащий div в моем документе, который установлен как скрытый, тогда, когда пользователь выбирает ссылку для входа в систему, div исчезает при наложении страницы на форму. Если пользователь нажимает кнопку «Отправить», страница будет отправлена POST, а наложение div исчезнет. Мне бы очень хотелось, чтобы это было более плавно, чем это. Так что, если пользователи нажимают кнопку «Отправить», jquery будет использовать ajax или что-то подобное, чтобы опубликовать его в фоновом режиме на странице подключения к БД, а затем получит текст ответа от этого asp, отображающий либо успешный вход в систему, либо неправильный в метке ошибок.

Я использую классический asp на своем сайте, чтобы получить данные формы при отправке с предыдущим логином. тогда это проверяет DB, чтобы видеть, соответствует ли то, что было введено.

Я хотел бы, чтобы jQuery обрабатывал все это и отправлял значения с помощью запроса или другого метода в фоновом режиме на страницу ASP, содержащую соединение с БД, чтобы страница не перезагружалась при нажатии кнопки «Отправить».

Я посмотрел руку, полную примеров, и, похоже, я не могу заставить их работать правильно.

ВотFIDDLE смотреть с рабочими функциями до сих пор.

Любая помощь будет принята с благодарностью, заранее спасибо.

<table cellspacing="0" cellpadding="0" width="900" >
      <tr>
            <a href="index.asp" class="linkheader">Home</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="index1st.asp">1st</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="index2nd.asp">2nd</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="index3rd.asp">3rd</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="index4th.asp">4th</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href='#' id='login' class='linkheader'>Log In</a></td>
     </tr>
</table>

<!-- blur_login is transparent overlay. starts as hidden untill link is selected -->
<div id="blur_login">
    <!-- show_login is container for login form -->
    <div id="show_login">

        <a class="OKclose" href="#" >[ Close ]</a>

        <form method="" id="getin">
        <p><label for="Username">Username</label><br />
        <input name="Username" id="users" type="text" size="14" maxlength="14" autocomplete="off" tabindex="1"/>
        </p>
        <p><label for="last_name">Password</label><br />
        <input name="last_name" type="password" size="14" maxlength="14" autocomplete="off" tabindex="2" /><br />
            <label for="errors"></label>
        </p>
    <p><input type="submit" id="send" value="Log In &rarr;"></p>
</form>
    </div>
</div>

& # X200B;

$(document).ready(function() {
$(window).bind("resize", function(){
   $("#blur_login").css("height", $(window).height());
   $("#blur_logout").css("height", $(window).height());
});

//Adjust height of overlay to fill screen when page loads
   $("#blur_login").css("height", $(document).height());

    $('#login').click(function(a){
        $("#blur_login").fadeIn();
        // Page focus on fadein is the username input
        $('#users').focus(); 
        a.preventDefault;
        return false;
    });

    $('#logout').click(function(b){
        $("#blur_logout").fadeIn();
        b.preventDefault;
      return false;
    });

    $('#send').click(function(c){
        //AJAX form submit here
    });

// Functions for login form
var $submit = $("input[type=submit]"),
    $inputs = $('input[type=text], input[type=password]');

// Checks if fields are empty, if so then disable loginbutton
    function checkEmpty() {
        return $inputs.filter(function() {
            return !$.trim(this.value);
        }).length === 0;
    }
// Enables the submit button when characters have been entered in each field
    $inputs.on('keyup blur', function() {
        $submit.prop("disabled", !checkEmpty());
    }).keyup();  // trigger any one

// When the close link is selected the window will fade out
   $(".OKclose").click(function(d){
      $("#blur_login").fadeOut();
       d.preventDefault;
      return false;
});   
});​