проверка с использованием js не обновляется до диапазона - PullRequest
Новая
       0

проверка с использованием js не обновляется до диапазона

1 голос
/ 08 мая 2020

Я написал этот код для проверки ввода пользователя с помощью js, но похоже, что я не ввожу скрипт. Я думаю, проблема в том, что «onkeyup» не работает со мной. головная часть и нижняя часть тела 

<form method = 'post' name = 'catForm' onsubmit="return checkForm();" >


                       <input type="text"   name = 'cat' placeholder="Category name" onkeyup='checkCat(this.value)'> <span id='print'></span> <br/>
                        <input type='hidden' name='JSEnabled' value='FALSE' />



                  <input id="submit" type="submit" name = 'sb' value="Add A New Category" >

Ответы [ 3 ]

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

Я тестировал его здесь: 

`https://jsfiddle.net/v2b6sqcx/`

и у меня он работает нормально

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

Я даже тестировал его с расширением HTA и все в порядке! 

<!DOCTYPE html>
<html>
<title>validation using js is not updating to span</title>
<head>
<script language="JavaScript">
var flag  = false ;
function checkCat(value)
{
    var validate = /^[a-z]{3,15}$/i ;
    if( value.length ==0 )
    {
        re = '';
        flag = false ;
    }

    else if(!validate.test(value))
    {

        flag = false ;
        re = 'Invalid';
        col = 'red' ;


    }
    else
    {
        flag = true ;
        re = 'Valid';
        col = 'green' ;
    }
    document.getElementById('print').style.color = col ;
    document.getElementById('print').innerHTML = re ;
}
function checkForm ()
{
    document.catForm.JSEnabled.value="TRUE";
    return flag ;
}
</script> 
</head>

<body>
<form method = 'post' name = 'catForm' onsubmit="return checkForm();" >
<input type="text"   name = 'cat' placeholder="Category name" onkeyup='checkCat(this.value)'> <span id='print'></span> <br/>
<input type='hidden' name='JSEnabled' value='FALSE' />
<input id="submit" type="submit" name = 'sb' value="Add A New Category" >
</body>
</html>
0 голосов
/ 08 мая 2020

Кажется, все работает как положено: 

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>

   <form method='post' name='catForm' onsubmit="return checkForm();">

    <input type="text" name='cat' placeholder="Category name" onkeyup='checkCat(this.value)'> <span id='print'></span> <br />
    <input type='hidden' name='JSEnabled' value='FALSE' />

    <input id="submit" type="submit" name='sb' value="Add A New Category">
</form>
    <script>
        var flag = false;

        function checkCat(value) {

            var validate = /^[a-z]{3,15}$/i;

            if (value.length == 0) {
                re = '';
                flag = false;
            }

            else if (!validate.test(value)) {

                flag = false;
                re = 'Invalid';
                col = 'red';

            }
            else {
                flag = true;
                re = 'Valid';
                col = 'green';
            }
            document.getElementById('print').style.color = col;
            document.getElementById('print').innerHTML = re;

        }
        function checkForm() {
            document.catForm.JSEnabled.value = "TRUE";
            return flag;
        }
    </script>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...