0

簡単なログインページを作成しました。送信ボタンにjavascriptイベントリスナーを使用したい。これでの私の目標は、オブジェクトを使用してJavaScriptの記述を最も効率的でクリーンなものにすることで、JavaScriptの記述を改善することです。これまでにインスタンスが1つしかないため、シングルトンオブジェクト関数を選択しました。これは私が持っているものであり、javascript部分を書くためのより良い方法を考えていました。進行中のアイデアを与えるために、html部分のみを含めました。

<head>
    <link rel="stylesheet" href="css/login_main.css"></link>

</head>

<body>
    <form action="index.php" method="post">
    <div id="enter">Enter Username :<span class="blinkme">>_</span><input class="inputs" type="text" name="uname" maxlength="20" autofocus="autofocus"/></div>
    <div id="enter">Enter Password :<span class="blinkme">>_</span><input class="inputs" type="password" name="pword" maxlength="20"/></div>
    <div id="done"><a href="">[< Submit >]</a></div>
    </form>

</body>
            <script style="text/javascript" src="js/login_main.js"></script>
            </html>

localhost js＃cat login_main.js

  var formStuff = function () {
          var variables = {
        done : document.getElementById("done"),
          }


        function getSubmit () {
            docuement.forms[0].submit();
        }

        return {
            submitForm: getSubmit,
                done: function () { return variables.done; },
        }
    }();

    window.onload = formStuff.done.addEventListener("click", formStuff.getSubmit, false);
4

1 に答える 1

1

簡単に言えば：

<div id="done"><a href="javascript:document.forms[0].submit()">[< Submit >]</a></div>

または（ただし、<a ...>を削除する必要があります）：

document.getElementById("done").addEventListener("click", function() {
  document.forms[0].submit()
}, false);
于 2012-10-31T03:03:37.633 に答える