我想从提交按钮中删除glyphicon-ok

时间:2016-10-23 21:02:53

标签: javascript jquery twitter-bootstrap

我正在办理登记表。我已经在元素的ID的帮助下应用了Jquery。当我点击提交按钮时,我也在提交按钮时获得了glyphicon-ok,我不想发生这种情况。只需将代码复制并将其粘贴到PC上的html文件中即可....

<div id="gameboard">
  <div id="choose" style="width:240px; height:150px; margin-left:30px; margin-top:50px; background-color:#FF0; cursor: pointer; font-size:130px; text-align:center;" onclick="theFunction();">
    1
  </div>
  <div id="chose" style="width:240px; height:150px; margin-left:30px; margin-top:50px; background-color:#FF0; cursor: pointer; font-size:130px; text-align:center;" onclick="theFunction();">
    2
  </div>
</div>

1 个答案:

答案 0 :(得分:0)

图标不会应用于提交按钮,而是应用于无线电。

所以你必须修改你的validateText功能,不要在单选按钮上添加图标:

function validateText(id)
{
    if($("#"+id).val()==null || $("#"+id).val()=="")
    {
        var div = $("#"+id).closest("div");
        div.removeClass("has-success");
        $("#glypcn"+id).remove();
        div.addClass("has-error has-feedback");
        if (!($("#"+id).is(':checkbox') || $("#"+id).is(':radio'))) {
            div.append('<span id="glypcn'+id+'" class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>');
        }
        return false;
    }
    else
    {
        var div = $("#"+id).closest("div");
        div.removeClass("has-error");
        div.addClass("has-feedback has-success");
        $("#glypcn"+id).remove();
        if (!($("#"+id).is(':checkbox') || $("#"+id).is(':radio'))) {
            div.append('<span id="glypcn'+id+'" class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span>');
        }
        return true;
    }
}