UC知道初学HTML，根据自己思路做的一个简单的即时验证。找不出来错在哪里了！各位帮帮忙！
来源：百度知道 编辑：UC知道 时间：2024/06/14 14:42:39
代码如下：
<html>
<head>
<title>即时验证</title>
<script language="javascript">
var time1;
function yz()
{
var m=document.getElementById("mima").value;
var n=/^.{6,16}$/;
if(n.test(m))
{
if(m.length>=6&&m.length<10)
{
document.getElementById("c1").style.background-color="red";
document.getElementById("c1").innerHTML="低";
}
if(m.length>=10&&m.length<14)
{
document.getElementById("c1").style.background-color="yellow";
document.getElementById("c1").innerHTML="中";
}
if(m.length>=14&&m.length<20)
{
document.getElementById("c1").style.background-color="#33FF00";
document.getElementById("c1").innerHTML="高";
}
<html>
<head>
<title>即时验证</title>
<script language="javascript">
var time1;
function yz()
{
var m=document.getElementById("mima").value;
var n=/^.{6,16}$/;
if(n.test(m))
{
if(m.length>=6&&m.length<10)
{
document.getElementById("c1").style.background-color="red";
document.getElementById("c1").innerHTML="低";
}
if(m.length>=10&&m.length<14)
{
document.getElementById("c1").style.background-color="yellow";
document.getElementById("c1").innerHTML="中";
}
if(m.length>=14&&m.length<20)
{
document.getElementById("c1").style.background-color="#33FF00";
document.getElementById("c1").innerHTML="高";
}
document.getElementById("c1").style.background-color="#33FF00";
注意一下，JS中的代码与CSS中是有区别的，CSS中可以使用background-color去定义，但在JS中却不是，而是background后直接跟颜色就可以了！一般CSS中是去掉中间的线，然后注意大小字就可以了，但我的试验是backgroundColor并不行，而应该是bgColor才可以的！或者干脆使用background对其对象进行定义也行！
如style="font-size"是可以定义其字体的大小的，而在JS中改变字体的大小而使用是"fontSize"，JS中是区分大小写的，同样还有一个很特别HTML中的属性定义又是一个概念，比如"color"可以定义其前景色，也就是字体的颜色，而在CSS中是使用color,在HTML中则使用fontcolor=""的形式，所以你把类似的语句都更改一下吧，CSS、JS与HTML属性并不是相同的概念的，而且也不是相同的组来确定的，所以存在一定的区别的！