Ok, also versuche ich, mit jquery und klassischem ASP ein neues Anmeldeformular für meine Site zu erstellen. Ab sofort ist in meinem Dokument eine enthaltene div ausgeblendet. Wenn der Benutzer den Anmeldelink auswählt, wird die div eingeblendet, sodass die Seite mit dem Formular überlagert wird. Wenn der Benutzer auf "Senden" klickt, wird die Seite POST-fähig und das Div-Overlay wird nicht mehr angezeigt. Ich möchte wirklich, dass es reibungsloser wird. Wenn der Benutzer auf "Senden" klickt, verwendet jquery Ajax oder etwas anderes, um es im Hintergrund auf einer DB Connect-Seite zu veröffentlichen, und ruft dann den Antworttext von diesem Asp ab, der entweder eine erfolgreiche Anmeldung anzeigt oder im Fehleretikett falsch ist.

Ich verwende classic asp auf meiner Website, um die Formulardaten beim Absenden mit dem vorherigen Login abzurufen. Dann prüft der DB, ob die eingegebenen Daten übereinstimmen.

Ich möchte, dass jQuery all dies verarbeitet und die Werte über eine Abfrage oder eine andere Methode im Hintergrund an die ASP-Seite sendet, die die DB-Verbindung enthält, damit die Seite nicht neu geladen wird, wenn auf "Senden" geklickt wird.

Ich habe eine Hand voll Beispiele angeschaut und ich kann nicht scheinen, sie richtig in Gang zu bringen.

Hier ist einGEIGE mit den arbeitsfunktionen soweit anzuschauen.

Jede Hilfe wäre sehr dankbar, Vielen Dank im Voraus.

<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>

​

$(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;
});   
});​