Блог

Я пытаюсь проверить длину строки с помощью валидатора начальной загрузки. К сожалению, JavaScript не работает. Я думаю, может быть, синтаксическая ошибка.

HTML :

     <form id="ordertracking" role="form">
        <div style="margin-bottom: 12px" class="input-group">
        <span class="input-group-addon"><strong>@</strong></span>
        <input id="login-username" type="text" class="form-control" name="email" placeholder="Email">
       <span class="input-group-addon"><i class="glyphicon glyphicon-barcode"></i></span>
            <input id="login-password" type="text" class="form-control" name="customerNum" placeholder="Customer #">       
    </form>
  

JS:

  $('#ordertracking').bootstrapValidator({
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            email: {
                validators: {
                    stringLength: {
                        min: 5,
                        max: 50,
                        message: 'The full email must be less than 50 characters'
                    }
                }
            },
            customerNum: {
                validators: {
                    stringLength: {
                        min: 4,
                        max: 6,
                        message: 'The customer number has to be 5 or 6 digits'
                    }
                }
            }
        }
    });
  

Ссылка на Codepen:http://codepen.io/Delano83/pen/bwQZbB

Я два часа ломал голову над этим, поэтому любые предложения очень ценятся.

Вы не включили библиотеку:

Добавьте это в раздел head под всеми другими сценариями, и это должно сработать.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/js/bootstrapValidator.min.js"></script>

если вы проверите консоль, вы увидите эту ошибку:

 Uncaught TypeError: $(...).bootstrapValidator is not a function
  

Это заставило меня понять, что библиотека загружалась неправильно.