Проверка формы начальной загрузки не возвращает ошибок - PullRequest
Новая
       4

Проверка формы начальной загрузки не возвращает ошибок

0 голосов
/ 02 мая 2018

У меня есть код ниже, сохраненный в файле с именем index.html. Этот код был скопирован из примера, который я нашел здесь:

http://formvalidation.io/download/

По какой-то причине два моих ввода, а также флажок не проверяются. Под этим я подразумеваю, что должно выдаваться сообщение об ошибке, если введенный адрес электронной почты недействителен, но это не так. Также должно выдаваться сообщение об ошибке, если имя пользователя равно NULL и флажок не установлен. Я исследовал метод formValidation (), который есть у начальной загрузки, но не могу найти разрешение. Любая информация по этому вопросу приветствуется, спасибо! 

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<form id="basicBootstrapForm" class="form-horizontal"
    data-fv-framework="bootstrap"
    data-fv-icon-valid="glyphicon glyphicon-ok"
    data-fv-icon-invalid="glyphicon glyphicon-remove"
    data-fv-icon-validating="glyphicon glyphicon-refresh">

    <div class="form-group">
        <label class="col-xs-3 control-label">Email Address</label>
        <div class="col-xs-3">
            <input type="text" class="form-control" name="email"
                data-fv-notempty="true"
                data-fv-notempty-message="The email address is required"

                data-fv-emailaddress="true"
                data-fv-emailaddress-message="The input is not a valid email address" />
        </div>
    </div>

    <div class="form-group">
        <label class="col-xs-3 control-label">username</label>
        <div class="col-xs-3">
            <input type="text" class="form-control" name="username"
                data-fv-notempty="true"
                data-fv-notempty-message="The username is required" />
        </div>
    </div>

    <div class="form-group">
        <div class="col-xs-6 col-xs-offset-3">
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="agree" value="agree"
                        data-fv-notempty="true"
                        data-fv-notempty-message="You must agree with the terms and conditions" /> Agree with the terms and conditions
                </label>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-xs-9 col-xs-offset-3">
            <button type="submit" class="btn btn-primary" name="signup" value="Sign up">Submit</button>
        </div>
    </div>
</form>

<script>

$(document).ready(function() {
    $('#basicBootstrapForm').formValidation();
});
</script>
</body> 
</html>

1 Ответ

0 голосов
/ 02 мая 2018

Включите нижеприведенный скрипт в ваш головной раздел.

http://formvalidation.io/bundles/0a3b9034e109d88d72f83c9e6c9d13b7.js

...