Как я могу использовать несколько форм выбора в качестве ввода пароля? - PullRequest
0 голосов
/ 25 мая 2020
• 1000

Однако у меня проблема с несколькими паролями. Неважно, что пользователь вводит для первых 4 подсказок, пока последняя 5-я подсказка верна, она утверждает, что она верна.

Я пробовал искать довольно много терминов, которые могли бы ссылаться на это, но мне не повезло. Я не самый лучший с Javascript (на самом деле я очень устарел!), Так что, надеюсь, это просто я идиот, а не случай «Это невозможно».

Вот урезанная версия формы выбора пароля:

 <body>
        <div>
            <table style="width: 100%;">
                <tr>
                    <td><select id="pswd1" name="pswd1" style="width: 100%;">
                        <option value="1">
                            1
                        </option>
                        <option value="2">
                            2
                        </option>
                        <option value="3">
                            3
                        </option>
                        <option value="4">
                            4
                        </option>
                        <option value="5">
                            5
                        </option>
                    </select></td>
                    <td><select id="pswd2" name="pswd2" style="width: 100%;">
                        <option value="1">
                            1
                        </option>
                        <option value="2">
                            2
                        </option>
                        <option value="3">
                            3
                        </option>
                        <option value="4">
                            4
                        </option>
                        <option value="5">
                            5
                        </option>
                    </select></td>
                    <td><select id="pswd3" name="pswd3" style="width: 100%;">
                        <option value="1">
                            1
                        </option>
                        <option value="2">
                            2
                        </option>
                        <option value="3">
                            3
                        </option>
                        <option value="4">
                            4
                        </option>
                        <option value="5">
                            5
                        </option>
                    </select></td>
                    <td><select id="pswd4" name="pswd4" style="width: 100%;">
                        <option value="1">
                            1
                        </option>
                        <option value="2">
                            2
                        </option>
                        <option value="3">
                            3
                        </option>
                        <option value="4">
                            4
                        </option>
                        <option value="5">
                            5
                        </option>
                    </select></td>
                    <td><select id="pswd5" name="pswd5" style="width: 100%;">
                        <option value="1">
                            1
                        </option>
                        <option value="2">
                            2
                        </option>
                        <option value="3">
                            3
                        </option>
                        <option value="4">
                            4
                        </option>
                        <option value="5">
                            5
                        </option>
                    </select></td>
                </tr>
            </table>
            <table style="width: 100%; text-align: center;">
                <tr>
                    <td><input onclick="checkPswd();" type="button" value="Submit"></td>
                </tr>
            </table>
        </div>
        <script type="text/javascript">
           function checkPswd() {

               var confirmPassword = "1";
               var password = document.getElementById("pswd1").value;

               var confirmPassword = "2";
               var password = document.getElementById("pswd2").value;

               var confirmPassword = "3";
               var password = document.getElementById("pswd3").value;

               var confirmPassword = "4";
               var password = document.getElementById("pswd4").value;

               var confirmPassword = "5";
               var password = document.getElementById("pswd5").value;

               if (password == confirmPassword) {
                    window.location="https://www.youtube.com/";
               }
               else{
                   alert("Try again");
               }
           }
        </script>
    </body>

Любая помощь будет принята с благодарностью!

1 Ответ

0 голосов
/ 25 мая 2020

Проблема у вас в том, что вы установили в конце парольную переменную равной пятой. Попробуйте заменить вместо этого следующее:

ur код: function checkPswd () {

               var confirmPassword = "YES";
               var password = document.getElementById("pswd1").value;

               var confirmPassword = "YES";
               var password = document.getElementById("pswd2").value;

               var confirmPassword = "YES";
               var password = document.getElementById("pswd3").value;

               var confirmPassword = "YES";
               var password = document.getElementById("pswd4").value;

               var confirmPassword = "YES";
               var password = document.getElementById("pswd5").value;

               if (password == confirmPassword) {
                    window.location="https://www.youtube.com/";
               }
               else{
                   alert("Try again");
               }
           }

заменить на:

function checkPswd() {
    var confirmPassword = "YES";    

    var pass1 = document.getElementById("pswd1").value;
    var pass2 = document.getElementById("pswd2").value;
    var pass3 = document.getElementById("pswd3").value;
    var pass4 = document.getElementById("pswd4").value;
    var pass5 = document.getElementById("pswd5").value;

           if (pass1 == confirmPassword && pass2 == confirmPassword && pass3 == confirmPassword && pass4 == confirmPassword && pass5 == confirmPassword) {
                window.location="https://www.youtube.com/";
           }
           else{
               alert("Try again");
           }
       }

на самом деле вы просто проверяли пятое не все из них ... Надеюсь, поможет

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...