Форма javascript и html - кнопка onclick не вызывает функцию - PullRequest
Новая
       6

Форма javascript и html - кнопка onclick не вызывает функцию

0 голосов
/ 08 февраля 2020

Я новичок в JavaScript, и я знаю, что есть много подобных вопросов (я прошел через большинство .. не смог найти решения для моей проблемы).

Я создал следующую форму используя HTML и хотел вызвать функцию 'validate' с помощью кнопки ввода 'validate my identity'. Я разместил несколько фиктивных предупреждений, чтобы посмотреть, входит ли он в функцию, и, к сожалению, ничего не происходит, когда я нажимаю ... Не могли бы вы помочь мне найти мою ошибку? 

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
    <h1>Test your Glucose</h1>
    <form id="myForm">
        <p>Name: <input type="text" value="someone" maxlength="20" name="name"></p>
        <p>Email: <input type="email" value="someone@gmail.com" name="email"></p>
        <p>Password: <input type="Password" value="123456" name="passwd"></p>
        <p>Glucose: <input type="number" min="20" max="200" value="90" name="glucose"></p>
        <p>Answer: <input type="text" disabled></p>
        <input type="button" value="Validate My Identity" onclick="validate()";>
        <p><input type="button" value="Check My Glucose" onclick="Glucose()"></p>
    </form>

    <script type="text/javascript">

        function validate()
        {
            alert("im inside tfunction");
            var passwd = document.getElementById(myForm).elements.namedItem('passwd');
            var length = passwd.length;
            var countValid=0;
            if (length == 8)
            {
                for(i=0;i<length; i++)
                {
                    if(!isNan(i))
                    {
                        countValid++;
                    }
                }
                if(countValid < 3)
                {
                    document.getElementById(myForm).elements.namedItem('passwd').style.background-color="red";
                    document.getElementById(myForm).elements.namedItem('passwd').innerHtml="";
                    // passwd.style.background-color="red";
                    // passwd.innerHtml="";
                }
            }
            else {
                alert("im here");
                document.getElementById(myForm).elements.namedItem('passwd').style.background-color="red";
                document.getElementById(myForm).elements.namedItem('passwd').innerHtml="";
                // passwd.style.background-color="red";
                // passwd.innerHtml="";
            }
        }

        // function Glucose()
        // {

        // }
    </script>
</body>

</html>
...