Question

我正在尝试验证两个具有相同ID的表单。首先它的工作正常。但是第二次没有验证为什么？在这里，我给出了示例代码：

function cc(id){
    if(document.getElementById(id).value.toUpperCase()==(id)){
        document.getElementById(id).style.backgroundColor = "green";
    }else{
       document.getElementById(id).style.backgroundColor = "red";
    }
}

<form id="save"  method="post">
<input type="text" name="A"  id="C" class="textbox" onKeyUp="cc(id,this, 'H')"  maxlength="1"  />
<input type="text" name="A"  id="C" class="textbox" onKeyUp="cc(id,this, 'H')"  maxlength="1"  />
</form>

http://jsbin.com/viraqixicigi/6/edit

Answer 1

使用this参数来操作事件的目标：

function cc(element, goodValue){
    if(element.value.toUpperCase() == goodValue){
        element.style.backgroundColor = "green";
    }else{
        element.style.backgroundColor = "red";
    }
}

<form id="save"  method="post">
<input type="text" name="A"  id="C" class="textbox" onKeyUp="cc(this, 'H')"  maxlength="1"  />
<input type="text" name="A"  id="C" class="textbox" onKeyUp="cc(this, 'H')"  maxlength="1"  />
</form>

DEMO

如何在javascript中验证相同的表单ID？

1 个答案: