Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2008/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 3 带有glyphicon的Bootstrapvalidator在窗体无效时扩展glyphicon_Twitter Bootstrap 3_Glyphicons_Bootstrapvalidator - Fatal编程技术网

Twitter bootstrap 3 带有glyphicon的Bootstrapvalidator在窗体无效时扩展glyphicon

Twitter bootstrap 3 带有glyphicon的Bootstrapvalidator在窗体无效时扩展glyphicon,twitter-bootstrap-3,glyphicons,bootstrapvalidator,Twitter Bootstrap 3,Glyphicons,Bootstrapvalidator,我有一个带有 这就是我点击Submit后的样子: 以下是我正在运行的代码: <head runat="server"> <title></title> <script src="../Scripts/modernizr-2.6.2.js"></script> <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /> <lin

我有一个带有

这就是我点击Submit后的样子:

以下是我正在运行的代码:

<head runat="server">
<title></title>
    <script src="../Scripts/modernizr-2.6.2.js"></script>
    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link id="Link1" rel="stylesheet" type="text/css" href="../Content/bootstrap.css" />
<link id="Link2" rel="stylesheet" type="text/css" href="../Content/bootstrapValidator.min.css" />
<link id="Link3" rel="stylesheet" type="text/css" href="../Content/bootstrap-datepicker.min.css" />
<link id="StyleLink1" rel="stylesheet" type="text/css" href="../Content/Site_VSTT.css"/>


<script src="../Scripts/jquery-1.10.2.js" type="text/javascript"></script>
<script src="../Scripts/respond.js" type="text/javascript"></script>
<script src="../Scripts/moment.js" type="text/javascript"></script>
<script src="../Scripts/bootstrap.js" type="text/javascript"></script>
<script src="../Scripts/bootstrap-datetimepicker.js" type="text/javascript"></script>
<script src="../Scripts/bootstrapValidator.js" type="text/javascript"></script>
</head>
<body>
<form runat="server" id="contactForm" class="form-horizontal" >

<div class="form-group">
    <label class="col-md-3 control-label">File Name</label>
    <div class="col-md-6 input-group">
        <span class="input-group-addon">                            
            <i class="glyphicon glyphicon-file"></i>
        </span>
        <asp:FileUpload ID="uploadfile" name="uploadfile" CssClass="form-control" runat="server" ClientIDMode="Static" placeholder="Enter name of file to upload"/>
    </div>
    <br /><br />
    <div class="col-md-1 col-md-offset-3">
        <asp:LinkButton ID="btnCancel" runat="server" CssClass="btn btn-default btn-sm">
            <span aria-hidden="true" class="glyphicon glyphicon-remove"></span>&nbsp;&nbsp;&nbsp;Cancel
        </asp:LinkButton>

        <button id="btnSubSearch" runat="server" type="submit" class="btn btn-primary btn-sm" >
            <span aria-hidden="true" class="glyphicon glyphicon-arrow-right">
            </span>&nbsp;&nbsp;&nbsp;Validate
        </button>

    </div>
</div>

</form>

<script>

    $(document).ready(function () {
        $('#contactForm')
    .bootstrapValidator({
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            uploadfile: {
                validators: {
                    notEmpty: {
                        message: 'The file name is required'
                    }
                }
            }
        }
    })
    })
</script>
</body>

文件名


取消 验证 $(文档).ready(函数(){ $(“#联系方式”) .bootstrapValidator({ 反馈图标:{ 有效:“glyphicon glyphicon ok”, 无效:“glyphicon glyphicon删除”, 正在验证:“glyphicon glyphicon刷新” }, 字段:{ 上载文件:{ 验证器:{ 注意:{ 消息:“文件名是必需的” } } } } }) })