-9

私は道に迷っています。プログラミングを始めたばかりで、コードは私がやろうとしていることを完全に示しておらず、未完成です。ただし、私の問題は、ユーザーが入力した HTML フォーム データを取得する方法を理解しようとしていることです。ボタンを押すと、サイトの Javascript の文字列変数にデータが送信されます。課題は、サーバー側スクリプトを使用できず、HTML、CSS、Javascript のみを使用でき、JQuery を使用する必要があることです。私は何週間もこれを行う方法をどこでも見てきました。私が試みていることに役立つものは何も見つかりません。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css">
<script>
<!--
function storageCheck01(){
    if(typeof(Storage)!=="undefined"){
        activeSession();
    }
    else{
        var b0002=document.getElementById("wrapper");
        b0002.style.display="none";
        document.write("No Support!");
    };
}
function activeSession(){
    if(typeof localStorage.visitCount !== "undefined"){
        ++localStorage.visitCount;
        if(typeof sessionStorage.c02 !== "undefined"){
            userData();
        }else{
            setCookie();
        };
    }else{
        localStorage.visitCount = 1;
        setCookie();
    };
}
function setCookie(){
    sessionStorage.c01=date();
    sessionStorage.c02=screen.availWidth;
    sessionStorage.c03=screen.availHeight;
    userData(sessionStorage.c01, sessionStorage.c02, sessionStorage.c03);
}
function userData(date, width, hight, ){

}
addEventListener('load',storageCheck01,false);
-->
</script>
</head>
<body>
<form>
<!-- ADD FORM DATA TO RETRIEVE USERDATA -->
</form>
</body>
</html>
4

2 に答える 2

0

フォームを取得して、ユーザーが送信をクリックしたときにユーザーの入力をキャプチャしようとしているように思えます。別のファイルに投稿する必要はありません。

つまり、ボタンに onclick イベントを配置し、JavaScript で関数を呼び出すだけです。この JavaScript は、document.getElementById(nameofObject).value を使用します。

例：

<html>
<head>
<title>New Page 1</title>
<script language="JavaScript" type = "text/javascript">
<!--
function Test()
{
alert(document.getElementById("testinput").value);
}
//..>
-->
</script>
</head>
<body>
<form name="textfield">
<input type="text" name="T1" size="20" id="testinput">
<input type="button" value="Click Here" name="B1" onClick="Test()"></p>
</form>
</body>
</html>

ソース: http://www.java2s.com/Tutorial/JavaScript/0460__DOM-Node/Getelementfromadocumentbyid.htm

于 2013-07-10T01:01:08.030 に答える