Javascript 使用js的验证未更新到span_Javascript_Html_Regex

Javascript 使用js的验证未更新到span

javascript html regex

Javascript 使用js的验证未更新到span,javascript,html,regex,Javascript,Html,Regex,我写这段代码是为了验证js的用户输入，但它似乎没有进入脚本。我认为问题在于“onkeyup”不适合我 <script language="JavaScript"> var flag = false ; function checkCat(value) { var validate = /^[a-z]{3,15}$/i ; if( value.length ==0 ) { re = ''; flag = false ;

我写这段代码是为了验证js的用户输入，但它似乎没有进入脚本。我认为问题在于“onkeyup”不适合我

<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>


var标志=假；
功能检查类别（值）
{
var validate=/^[a-z]{3,15}$/i；
如果（value.length==0）
{
re=''；
flag=false；
}
如果（！validate.test（值））
{
flag=false；
re=‘无效’；
col=‘红色’；
}
其他的
{
flag=true；
re=‘有效’；
col=‘绿色’；
}
document.getElementById（'print'）.style.color=col；
document.getElementById（'print'）。innerHTML=re；
}
函数检查表（）
{
document.catForm.JSEnabled.value=“TRUE”；
返回标志；
}

上面的代码在头部，下面的代码在身体

<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" >

它似乎正在按预期工作：

<!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>




var标志=假；
功能检查类别（值）{
var validate=/^[a-z]{3,15}$/i；
如果（value.length==0）{
re=''；
flag=false；
}
如果（！validate.test（值））{
flag=false；
re=‘无效’；
col=‘红色’；
}
否则{
flag=true；
re=‘有效’；
col=‘绿色’；
}
document.getElementById（'print'）.style.color=col；
document.getElementById（'print'）。innerHTML=re；
}
函数检查表（）{
document.catForm.JSEnabled.value=“TRUE”；
返回标志；
}

它似乎正在按预期工作：

<!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>




var标志=假；
功能检查类别（值）{
var validate=/^[a-z]{3,15}$/i；
如果（value.length==0）{
re=''；
flag=false；
}
如果（！validate.test（值））{
flag=false；
re=‘无效’；
col=‘红色’；
}
否则{
flag=true；
re=‘有效’；
col=‘绿色’；
}
document.getElementById（'print'）.style.color=col；
document.getElementById（'print'）。innerHTML=re；
}
函数检查表（）{
document.catForm.JSEnabled.value=“TRUE”；
返回标志；
}

我在这里测试了它：

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

它对我来说很好

我在这里测试过它：

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

它对我来说运行良好

我甚至用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>


使用js的验证未更新到span
var标志=假；
功能检查类别（值）
{
var validate=/^[a-z]{3,15}$/i；
如果（value.length==0）
{
re=''；
flag=false；
}
如果（！validate.test（值））
{
flag=false；
re=‘无效’；
col=‘红色’；
}
其他的
{
flag=true；
re=‘有效’；
col=‘绿色’；
}
document.getElementById（'print'）.style.color=col；
document.getElementById（'print'）。innerHTML=re；
}
函数检查表（）
{
document.catForm.JSEnabled.value=“TRUE”；
返回标志；
}

我甚至用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>


使用js的验证未更新到span
var标志=假；
功能检查类别（值）
{
var validate=/^[a-z]{3,15}$/i；
如果（value.length==0）
{
re=''；
flag=false；
}
如果（！validate.test（值））
{
flag=false；
re=‘无效’；
col=‘红色’；
}
其他的
{
flag=true；
re=‘有效’；
col=‘绿色’；
}
document.getElementById（'print'）.style.color=col；
document.getElementById（'print'）。innerHTML=re；
}
函数检查表（）
{
document.catForm.JSEnabled.value=“TRUE”；
返回标志；
}