如何使用javascript检查表中是否存在相同的卷号

如何使用javascript检查表中是否存在相同的卷号,javascript,html,Javascript,Html,我们可以检查卷号是否已经存在吗 使用javascript 我们能证实这一点吗 显示一条警告消息,表明卷号存在(如果存在) 已经在桌子上了 window.onload=function(){ document.getElementById('new').style.display='none'; }; 函数addtable(){ document.getElementById('new').style.display='block'; Rollno=document.getElementByI

我们可以检查卷号是否已经存在吗

使用javascript

  • 我们能证实这一点吗

  • 显示一条警告消息,表明卷号存在(如果存在) 已经在桌子上了

  • window.onload=function(){
    document.getElementById('new').style.display='none';
    };
    函数addtable(){
    document.getElementById('new').style.display='block';
    Rollno=document.getElementById(“roll_编号”);
    Name=document.getElementById(“学生名”);
    Class=document.getElementById(“类”);
    var性别=null;
    var inputElements=document.getElementsByClassName('gender');
    对于(变量i=0;输入元素[i];++i){
    if(inputElements[i]。选中){
    性别=输入元素[i]。值;
    打破
    }
    };
    年龄=document.getElementById(“年龄”);
    Phone=document.getElementById(“电话号码”);
    var结果=null;
    var inputElements=document.getElementsByClassName('result');
    对于(变量i=0;输入元素[i];++i){
    if(inputElements[i]。选中){
    结果=输入元素[i]。值;
    打破
    }
    };
    var table=document.getElementById(“新”);
    rowCount=table.rows.length;
    行=table.insertRow(行计数);
    row.insertCell(0).innerHTML=Rollno.value;
    row.insertCell(1).innerHTML=Name.value;
    row.insertCell(2).innerHTML=Class.value;
    row.insertCell(3.innerHTML=Gender;
    row.insertCell(4).innerHTML=Age.value;
    row.insertCell(5).innerHTML=Phone.value;
    row.insertCell(6.innerHTML=Result;
    insertCell(7.innerHTML='';
    var roll=document.forms[“学生详细信息”][“roll\u编号”]。值;
    如果(滚动==“”){
    警报(“必须填写Rollno”);
    返回false;
    }
    var name=document.forms[“student\u detail”][“student\u name”]。值;
    如果(名称==“”){
    警告(“必须填写姓名”);
    返回false;
    }
    var clas=document.forms[“student_detail”][“class”].value;
    如果(clas==“”){
    警报(“选择类别”);
    返回false;
    }
    var age=文件。表格[“学生详细信息”][“年龄”]。值;
    如果(年龄=“”){
    警告(“必须填写年龄”);
    返回false;
    }
    var phone=document.forms[“学生详细信息”][“电话号码”]。值;
    如果(电话==“”){
    警报(“必须填写电话号码”);
    返回false;
    }
    if(document.student\u detail.result1.checked==true&&document.student\u detail.result2.checked==true){
    警报(“选择任何一个结果”);
    返回false;
    }
    }
    函数deleteRow(obj){
    var index=obj.parentNode.parentNode.rowIndex;
    var table=document.getElementById(“新”);
    表.删除行(索引);
    }
    函数myFunction(){
    var x=document.getElementById('myTable');
    如果(x.style.display=='none'){
    x、 style.display='block';
    }否则{
    x、 style.display='none';
    }
    var change=document.getElementById(“切换”);
    如果(change.innerHTML==“隐藏表单”)
    {
    change.innerHTML=“显示表单”;
    }
    否则{
    change.innerHTML=“隐藏表单”;
    }
    }
    函数hideElem(){
    document.getElementById('new').style.visibility=“hidden”;
    }
    函数showElem(){
    document.getElementById('new').style.visibility=“可见”;
    }
    .abc表{
    宽度:100%;
    边界塌陷:塌陷;
    }
    .abc表th{
    边框:1px实心#000;
    }
    .abc表格td{
    边框:1px实心#000;
    }
    氢{
    颜色:黑色;
    文本阴影:2px 2px 8px#FF0000
    }    
    输入[类型=文本],选择,输入[类型=数字]{
    宽度:100%;
    填充:12px 20px;
    利润率:8px0;
    显示:内联块;
    边框:2个实心#ccc;
    边界半径:4px;
    框大小:边框框;
    }
    输入[类型=按钮]{
    宽度:50%;
    背景色:#4CAF50;
    颜色:白色;
    填充:14px 10px;
    利润率:8px0;
    边界:无;
    边界半径:4px;
    光标:指针;
    }
    输入[类型=按钮]:悬停{
    背景色:#45a049;
    }
    div{
    边界半径:5px;
    背景色:#F2F2;
    填充:20px;
    }
    
    学校管理应用
    卷号
    学名
    等级
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9
    10
    性别
    男性
    女性
    年龄
    电话号码
    结果
    通过
    失败
    罗尔诺
    学名
    等级
    性别
    年龄
    电话号码
    结果
    
    这是一个检查重复项的函数

    checkDupes($("#someId"));
    
    
    function checkDupes(itemArray) {
                var isdupe = false;
                for (var i = itemArray.length - 1; i >= 0; i--) {
                    var value = itemArray[i].value;
                    if (value == null || value == '' || value.trim().length == 0) {
                        itemArray[i].style.backgroundColor = 'red';
                    } else {
                        if (i > 0) {
                            for (var j = i - 1; j > -1 && i > 0; j--) {
                                if (value.trim().toLowerCase() == itemArray[j].value.trim().toLowerCase()) {
                                    itemArray[i].style.backgroundColor = 'red';
                                    isdupe = true;
                                }
                            }
                            if (!isdupe) {
                                itemArray[i].style.backgroundColor = 'transparent';
                            }
                        }
                    }
                }
            }
    

    这个问题问得很糟糕。不要把你所有的代码都放在这里,请不要粗鲁,但是你应该能够自己回答“我们能验证这个吗?”。我们希望看到你的尝试(注意@ankitbug94所说的)是针对你遇到的问题提出一个特定的问题——如果有的话。为什么有人会使用这么长的代码来检查重复项呢?我写它只是为了进行验证,并添加一些样式来指示错误。