簡體   English   中英

如何創建一個我的用戶名和密碼來自服務器的登錄窗口?

[英]how to create a log in window where my username and password is from a server?

我有此html和javascript程序代碼用於登錄窗口。 我的html是:

<body>
  <div >
    <h1>Sign in to me</h1>      
    <form id="login" method="get" action='exercises/exercise6/DynamicMenu_createTab_json.html'>
       <div>UserName<input type="text" id="username" value="admin"/></div>
       <div>Password<input type="password" id="password"/></div>  
       <div><input type="button" id="btnLogin" value="Login"/></div>
  </div>    
</body>

我的JavaScript是:

$(document).ready(function(){
    $('#username').focus();
    $('form#login :submit').addClass('inputSubmitBtn').click(function(){
       if($('#username').val() != "jay" || $('#password').val() != "son"){
           alert('username/password incorrect');    
           $("#username").focus();
           return false;
       };
    });
});

這個程序沒有問題。 我想做的是我想使用我的用戶名和密碼從服務器登錄。 如果成功,它將在同一窗口中打開我的其他練習html。 這是我當前的代碼:

$('form#login :submit').addClass('inputSubmitBtn').click(function(){
    var params = {
       "UserName":$("#username").val(),
       "Password":$("#password").val()
    };

    $.getJSON(
    'process.php', 'path=Login&json='  + JSON.stringify(params),  
    function(data) {
       if ('error' in data)
       {
          alert('password and username incorrect');
          return false;
       }
       else
       {
          $("#sessionID").html(data["result"]["SessionID"]);    

       }
    }); 
});

此代碼無法正常運行。 請,有人可以幫我這個忙...

編輯:這是我的PHP代碼:

<?php 
   echo(file_get_contents("http://localhost/" . $_GET["path"] . "?json=" . $_GET["json"]));
?>

首先,:submit選擇器不返回任何內容,您沒有提交按鈕(“ type = submit”),因此將永遠不會調用點擊監聽器。 參見:submit選擇器

其次,您不停止表單的Submit事件,因此使用了“ action”屬性並提交了表單,從而取消了click listener函數。 (將加載網址“ exercises / exercise6 / DynamicMenu_createTab_json.html”)

您需要停止該事件,否則在提交表單時將觸發表單“ action”。

$('#login :submit').click(function(event){ event.preventDefault(); ... });

最后,提交按鈕上的點擊事件監聽器功能不會在100%的時間內觸發。
例如,當用戶在表單字段中按“輸入”鍵時,無需單擊該按鈕即可提交表單。
而是在表單上綁定一個提交事件偵聽器。

$('#login').submit(function(event){ ... });

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM