Validar Campos sem Preenchimento em Asp.Net

[Cassia Reis]

Olá, gente, boa noite.

Estou estudando asp.net e estou em dúvida com relação a validação de campos obrigatórios.

Tenho este código que mostra na tela filtros para um relatório. Eu gostaria que, ao clicar no ícone "Gerar relatório", o sistema emitisse um alerta. Só que não está dando certo. Eu coloquei um exemplo no campo data de Início.

Alguém poderia me ajudar?

Agradeço muito.

Eis meu código:

Rel_agendamento.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="Rel_agendamento.aspx.cs" Inherits="Trabalho_interface.Relatorios.Rel_agendamento" %>


<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <script>
        $(document).ready(function () {
            $('#MainContent_dtInicio').mask('99/99/9999');
            $('#MainContent_dtTermino').mask('99/99/9999');

            var linkGeraPDF = $('#linkGerarPDF');

            linkGeraPDF.mouseover(function () {
                linkGeraPDF.addClass('LinkGerarPDF');
            });

            linkGeraPDF.mouseleave(function () {
                linkGeraPDF.removeClass('LinkGerarPDF');
            });

        });

    </script>

    <script>

        function validaFormulario (){
            if(document.getElementById("dtInicio").value == ""){
            alert('Por favor, preencha o campo data');
            document.getElementById("dtInicio").focus();
            return false;
        }
    }
    </script>
    <style>
        .LinkGerarPDF {
            color:red;
            padding: 10px;

        }
    </style>
    <b>Relatório de Agendamento</b>
    <br />
    <br />
    <div class="row">
        <div class="col-md-10 form-inline">
            <asp:DropDownList ID="DropList" runat="Server" Width="250px" CssClass="form-control">
                <asp:ListItem Text="Todos os Bairros" />
                <asp:ListItem Text="Industrial" Value="2" />
                <asp:ListItem Text="Cidade Nova" Value="3" />
                <asp:ListItem Text="Jardim Vitória" Value="4" />
                <asp:ListItem Text="Águas Claras" Value="5" />
            </asp:DropDownList>
            <asp:DropDownList ID="DropDownList1" runat="Server" Width="250px" CssClass="form-control">
                <asp:ListItem Text="Todos os Funcionários" />
                <asp:ListItem Text="Func1" Value="2" />
                <asp:ListItem Text="Func2" Value="3" />
                <asp:ListItem Text="Func3" Value="4" />
            </asp:DropDownList>

            <asp:TextBox ID="dtInicio" runat="server" placeholder="Início" Width="110px" CssClass="form-control"></asp:TextBox>
            <asp:TextBox ID="dtTermino" runat="server" placeholder="Término" Width="110px" CssClass="form-control"></asp:TextBox>
        </div>
        <div class="col-md-2">
            <a id="linkGerarPDF" href="#">Gerar PDF
                <img src="../Images/icone_pdf.jpg" alt="Gerar PDF" OnClick="return validaFormulario()" style="height: 30px; width: 30px;" class="img-circle"></a>
        </div>
    </div>
    <hr />

</asp:Content>

[Edmorte]

Já tentou o requiredfieldvalidator?