0

更新：これは宿題であり、書かれたものを読む責任はそれを読んでいる人にあると明確に述べていると思いましたが、投稿が投票されないように明確にする必要があると誰かがアドバイスしました実際にそれを完全に読んでいない人によって！

明確にするために、クライアント側の検証は安全ではないことを理解しています (そして、実際のプロジェクトでは常にサーバー側の検証を使用する必要があります) - 繰り返しますが、これは必要な構文について学ぶための大学の演習の一部にすぎませんこのようなものについては、実際の例として読んでいる人に混同されるべきではありません...

私はいつか探していて、さまざまなことを試してみましたが、何もうまくいかないようなので、これができるかどうかはわかりません. 私たちの宿題は、2 つの電子メール/パスワードの組み合わせだけが私たちの「ウェブサイト」にログインできるようにすることを求めています。

私たちはサーバー側の検証を使用していません。与えられた例は、電子メール/パスワード フィールドに最小限の文字数が入力されたことを確認するためのものです (HTML5 は、正しい電子メール形式が使用されていることを確認します)。

私の質問は次のとおりです。正確な電子メール アドレス/パスワードのみを検証する JS を作成できますか。そして、何か他のものが入力された場合、エラーメッセージは、文字数を使用している最初の例のようなものによって生成されたものと同じように生成されます?? 私は REGEX を使用するつもりはありません。1 つのメールアドレスとパスワードの組み合わせだけです (実際、この場合は 2 つのメールと 2 つのパスワードです)。ありがとう、以下のコードは私が取り組んでいるものです...

    // Validate!
if ((email.value.length > 0) && (password.value.length > 6)) {
    return true;
} else {
    alert('Please fill out the form accurately!');
    return false;
}

   // Validate!
if ((email.value == user@myonlinestore.com) && (password.value == JustMe69)) {
    return true;
} else {
    alert('Please fill out the form accurately!');
    return false;
}

.value は以下のフォーム要素の参照から来ており、私が使用している HTML フォーム自体はその後にリストされています。

    // Get references to the form elements:
var email = document.getElementById('email').value;
var password = document.getElementById('password').value;

    <form action="myaccount.html" method="get" id="loginForm">
    <fieldset>
        <legend>Login</legend>
        <div>
            <label for="email">Email Address</label>
            <input type="email" name="email" id="email" required autofocus>
        </div>
        <div>
            <label for="password">Password</label>
            <input type="password" name="password" id="password" required>
        </div>
        <div>
            <label for="submit"></label>
            <input type="submit" value="Login &rarr;" id="submit">
        </div>
    </fieldset>
</form>
4

1 に答える 1