Untitled

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" media="all" />
        <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.js" type="text/javascript"></script>
  <script src="http://ajax.aspnetcdn.com/ajax/jQuery.validate/1.11.1/jquery.validate.js" type="text/javascript"></script>
  <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>

      <!--  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> -->

        <style>
      form { padding: 10px; padding-top: 45px;}
      .error { border: 1px solid #b94a48!important; background-color: #fee!important; }
    </style>


        <title>JSP Page</title>

    </head>

    <body>
            <form method="post" action="./Servlet" name="filter">
    <div class="input-append date" id="dateFromFilter">
                              <input class="span2" size="16" type="text" name="dateFromFilter"
                                     data-msg-date="Prosím zadajte platný dátum." data-rule-date="true" data-rule-required="true" />
                        <span class="add-on"><i class="icon-th"></i></span>
                      </div>

                <script type="text/javascript">
                        $("#dateFromFilter").attr("data-date-format", "dd/mm/yyyy");
                        $("#dateFromFilter").attr("data-date", "1/1/2014");
                        $("#dateFromFilter .span2").attr("value", "1/1/2014");
                        $('#dateFromFilter').datepicker();
                      </script>

    <div class="row">
    <button type="submit">Validate</button>
    </div>

                </form>

    <script type="text/javascript">

    $("form").validate({

      showErrors: function(errorMap, errorList) {

          // Clean up any tooltips for valid elements
          $.each(this.validElements(), function (index, element) {
              var $element = $(element);

              $element.data("title", "") // Clear the title - there is no error associated anymore
                  .removeClass("error")
                  .tooltip("destroy");
          });

          // Create new tooltips for invalid elements
          $.each(errorList, function (index, error) {
              var $element = $(error.element);

              $element.tooltip("destroy") // Destroy any pre-existing tooltip so we can repopulate with new tooltip content
                  .data("title", error.message)
                  .addClass("error")
                  .tooltip(); // Create a new tooltip based on the error messsage we just set in the title
          });
      },

      submitHandler: function(form) {
          alert("This is a valid form!");
      }
  });

        </script>

    </body>
</html>