Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Примеры. Расчет стоимости доставки</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style>
        html, body, #map {
            width: 100%;
            height: 400px;
            padding: 0;
            margin: 0;
        }
    </style>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="//api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
    <script src="js/map.js" type="text/javascript"></script>
</head>
<body>
    <div class="navbar navbar-default">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">MapSystem (beta)</a>
        </div>
        <div class="navbar-collapse collapse navbar-responsive-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="">Добавить маршрут</a></li>
                <li><a href="table.html">Таблица сравнения</a></li>
            </ul>
        </div>
    </div>

    <div style="display:none;" id="alert1" class="alert alert-dismissable alert-danger">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <strong>Ошибка!</strong> Для автоматического рассчета вам нужно задать на карте пункт отправления и пункт прибытия.
    </div>

    <div style="display:none;" id="alert2" class="alert alert-dismissable alert-danger">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <div id="alert2_text"></div>
    </div>

    <div id="map"></div>
    <div class="container">
        <div class="jumbotron">
            <form class="form-horizontal" action="add.php" method="post" id="addForm">
                <fieldset>
                    <legend>Добавить маршрут</legend>
                    <div class="form-group">
                        <label for="inputName" class="col-lg-2 control-label">Название</label>
                        <div class="col-lg-10">
                            <input type="text" class="form-control" name="inputName" id="inputName" placeholder="Название">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputDistance" class="col-lg-2 control-label">Расстояние</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <input name="inputDistance" type="text" class="form-control" id="inputDistance" placeholder="Расстояние (км)">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" onclick="GetEstDistance();" type="button">Рассчитать растояние автоматически</button>
                                </span>
                                <input type="hidden" id="distance">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputTimeEst" class="col-lg-2 control-label">Предполагаемое время</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <input type="text" class="form-control" name="inputTimeEst" id="inputTimeEst" placeholder="Время (ЧАСОВ.МИНУТ)">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="button" onclick="GetEstTime();">Рассчитать время автоматически</button>
                                </span>
                                <input type="hidden" id="time">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputTimeReal" class="col-lg-2 control-label">Реальное время</label>
                        <div class="col-lg-10">
                            <input type="text" class="form-control" name="inputTimeReal" id="inputTimeReal" placeholder="Время (ЧАСОВ.МИНУТ)">
                        </div>
                    </div>

                    <input type="hidden" id="punkta" name="punkta">
                    <input type="hidden" id="punktb" name="punktb">

                    <div class="form-group">
                        <div class="col-lg-10 col-lg-offset-2">
                            <button onclick="checkForm();" class="btn btn-primary">Добавить</button>
                        </div>
                    </div>
                </fieldset>
            </form>
        </div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
        function isNumber(n) {
            return !isNaN(parseFloat(n)) && isFinite(n);
        }

        function checkForm(){
            var gotName = false;
            var gotDistance = false;
            var gotEstTime = false;
            var gotRealTime = false;
            var gotPunktA = false;

            var ftime = true;
            var errormsg = "";

            if (document.getElementById('inputName').value != ""){
                gotName = true;
            } else {
                if(ftime==true) {errormsg += "<br>"} ftime = false;
                errormsg += '<b>ОШИБКА:</b> Поле "Название" не заполнено.<br>';
            }

            if ((document.getElementById('inputDistance').value != "") && isNumber(document.getElementById('inputDistance').value) ){
                gotDistance = true;
            } else {
                if(ftime==true) {errormsg += "<br>"} ftime = false;
                errormsg += '<b>ОШИБКА:</b> Поле "Расстояние" не заполнено, либо имеет неправильный формат. Пример правильного формата: "15".<br>';
            }

            if ((document.getElementById('inputTimeEst').value != "") && isNumber(document.getElementById('inputTimeEst').value) ){
                gotEstTime = true;
            } else {
                if(ftime==true) {errormsg += "<br>"} ftime = false;
                errormsg += '<b>ОШИБКА:</b> Поле "Предполагаемое время" не заполнено, либо имеет неправильный формат. Пример правильного формата: "15.22".<br>';
            }

            if ((document.getElementById('inputTimeReal').value != "") && isNumber(document.getElementById('inputTimeReal').value) ){
                gotRealTime = true;
            } else {
                if(ftime==true) {errormsg += "<br>"} ftime = false;
                errormsg += '<b>ОШИБКА:</b> Поле "Реальное время" не заполнено, либо имеет неправильный формат. Пример правильного формата: "15.22".<br>';
            }

            if (document.getElementById('punkta').value != ""){
                gotPunktA = true;
            } else {
                if(ftime==true) {errormsg += "<br>"} ftime = false;
                errormsg += '<b>ОШИБКА:</b> Вы не выбрали начальную и конечную точки на карте.<br>';
            }

            if ((gotName == true) && (gotDistance == true) && (gotEstTime == true) && (gotRealTime == true) && (gotPunktA == true)) {
                document.forms["addForm"].submit();
            } else {
                document.getElementById('alert2_text').innerHTML = errormsg;
            }
        }
    </script>
</body>
</html>