<label class="col-sm-2 control-label" for="input-model">{{ entry_model }}</label>
<div class="col-sm-10">
<input type="text" name="model" value="{{ model }}" placeholder="{{ entry_model }}" id="input-model" class="form-control" />
<span id="input-model-error"></span>
{% if error_model %}
<div class="text-danger">{{ error_model }}</div>
{% endif %}</div>
</div>
<script>
$('#input-model').on('change', function(){
let i = $('#input-model').val();
if (i.length > 5 ) {
$('#input-model-error').html('Введите значение не более 5 знаков')
}
});
</script>
<a href="article.html" class="open-popup-link">Показать всплывающее окно</a>
$('.open-popup-link').magnificPopup({
type:'ajax',
callbacks: {
parseAjax: function(mfpResponse) {
mfpResponse.data = $(mfpResponse.data).find('#article');
}
}
});
<div id="test-popup" class="white-popup mfp-hide">
Тут код, который будет во всплывающем окне
</div>
<a href="#test-popup" class="open-popup-link">Показать всплывающее окно</a>
$('.open-popup-link').magnificPopup({
type:'inline',
midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
});
<a href="ПУТЬ ДО ВАШЕЙ СТРАНИЦЫ.html" class="ajax-popup-link">Показать всплывающее окно</a>
$('.ajax-popup-link').magnificPopup({
type: 'ajax'
});