JavaScript — Проверка JQuery — IBAN

Я видел, что в Интернете есть несколько плагинов для проверки правильности IBAN или нет. Я нашел следующий IBAN и хотел использовать его для своей формы:

https://github.com/jzaefferer/jquery-validation/blob/master/src/additional/iban.js

Я скачал файл .js и включил его в свою страницу .php следующим образом:

<script src="js/iban.js"></script>

Моя форма выглядит так:

<form method="POST" action="update_profile.php" id="editprofile" class="form-horizontal form-label-left">
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Bank:</label>
<div class="col-md-9 col-sm-9 col-xs-12">
<input type="text" class="form-control" name="bank" value="<?php echo $_SESSION['data']['bankaccount']; ?>">
</div>
</div>

<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Inhaber:</label>
<div class="col-md-9 col-sm-9 col-xs-12">
<input type="text" class="form-control" name="inhaber" value="<?php echo $_SESSION['data']['bankowner']; ?>">
</div>
</div>

<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">IBAN:</label>
<div class="col-md-9 col-sm-9 col-xs-12">
<input type="text" class="form-control" name="iban" id="iban" value="<?php echo $_SESSION['data']['iban']; ?>" required>
</div>
</div>

<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">BIC:</label>
<div class="col-md-9 col-sm-9 col-xs-12">
<input type="text" class="form-control" name="bic"  value="<?php echo $_SESSION['data']['bic']; ?>">
</div>
</div>
<button type="submit" name="update" value="update" class="btn btn-warning btn-lg btn-block">Edit</button>
</form>
<script>
$("#editprofile").validate();
</script>

Теперь, если я нажимаю кнопку редактирования, моя форма отправляется, но iban не проверяется. Я даже могу ввести неправильный IBAN. Что я делаю не так? Я впервые включаю файл плагина / .js в форму. Мне чего-то не хватает, но что это?

Спасибо,
Крис

1

Решение

Если вы используете jquery.validate с плагином IBAN, просто установите атрибут data-rule-iban = «true»

<input data-rule-iban="true" id="IBAN" class="form-control" placeholder="IBAN *" type="text" required  tabindex="10">
3

Другие решения

Вы должны были загрузить весь плагин, чтобы хорошо его воспроизвести, потому что вы оставили все зависимости этого файла в git. Но все же вы можете использовать этот плагин проверки вместо http://formvalidator.net/. его очень легко настроить, чтобы он соответствовал тому, что вам нужно проверить. Надеюсь, поможет

0

По вопросам рекламы [email protected]