javascript - ブラウザがフォルダ名を入力するフォームを使用して、ブラウザをパスワードで保護されたフォルダに移動するにはどうすればよいですか？

Question

クライアントが保護されたファイルを表示できるパスワードで保護されたフォルダーをいくつか設定しました。クライアントにIDの入力を求めるログインスクリプトが必要です。IDはフォルダ名と同じであり、入力によってクライアントがフォルダに移動する必要があります。ここで、フォルダにアクセスするためにクレデンシャルを入力する必要があります。何年も探し回ったが何も見つからなかった???

Answer 1

jQuery を使用できる場合は、次のようになります。

マークアップで:

<form id="access-protected-folder">
    <label>Please enter your ID</label>
    <input type="text" name="id" id="protected-folder-id" />
    <input type="submit" value="Submit" />
</form>

あなたのJavaScriptで：

$(function(){
    $("#access-protected-folder").submit(function(e){
        e.preventDefault(); // Stop the default form action

        var baseFolderUrl = '/protected-folders/' // Base url to your folders

        window.location = baseFolderUrl + $("#protected-folder-id").val();
    });

});

jsFiddle の例を参照してください: http://jsfiddle.net/exHYE/