JavaScript-input标签添加必填校验

1
2
3
4
5
6
<div class="form-group has-error has-feedback">
    <label class="control-label" for="inputError2">Input with error</label>
    <input type="text" class="form-control" id="inputError2" aria-describedby="inputError2Status">
    <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>
    <span id="inputError2Status" class="sr-only">(error)</span>
</div>

  

例:
1
2
3
4
5
6
7
<div class="form-group">
    <label class="control-label" for="taskName" style="display: none">不能为空!</label>
    <input type="text" class="form-control" name="taskName" id="taskName" aria-describedby="inputError2Status"/>
    <%--<input type="text" class="form-control" id="inputError2" aria-describedby="inputError2Status">--%>
    <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>
    <span id="inputError2Status" class="sr-only">(error)</span>
</div>

,,,

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function isRequired(){
  var flag = false;
  $(".control-label").each(function(){
    var inputval = $("#"+$(this).attr("for")+"").val();
    if(inputval==null||inputval==""||inputval==undefined){
        $(this).attr("style","display:show");
        $("#"+$(this).attr("for")+"").parent().attr("class","form-group has-error has-feedback");
        //alert(false);
        flag = false;
    }else{
        $(this).attr("style","display:none");
        $("#"+$(this).attr("for")+"").parent().attr("class","form-group ");
        //alert(true);
       flag = true;
    }
  });
  return flag;
}

  

posted @   甜8筒  阅读(1522)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示