v0.5.3 is released on 2014.11.05!
Options
Option | HTML attribute | Type | Description |
---|---|---|---|
country |
data-bv-iban-country |
String | An ISO-3166 country code. It's dynamic option |
message |
data-bv-iban-message |
String | The error message |
When setting options via HTML attributes, remember to enable the validator by setting data-bv-iban="true".
If the country
is not defined, it will be parsed from the IBAN number.
The validator supports the following countries (sorted by the country code in alphabetical order):
Example
<form id="ibanForm" class="form-horizontal">
<div class="form-group">
<label class="col-sm-3 control-label">IBAN</label>
<div class="col-sm-5">
<input type="text" class="form-control" name="iban" />
</div>
</div>
</form>
$(document).ready(function() {
$('#ibanForm').bootstrapValidator({
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
iban: {
validators: {
iban: {
message: 'The value is not valid IBAN'
}
}
}
}
});
});
<form id="ibanForm" class="form-horizontal"
data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">
<div class="form-group">
<label class="col-sm-3 control-label">IBAN</label>
<div class="col-sm-5">
<input type="text" class="form-control" name="iban"
data-bv-iban="true"
data-bv-iban-message="The value is not valid IBAN" />
</div>
</div>
</form>
<script>
$(document).ready(function() {
$('#ibanForm').bootstrapValidator();
});
</script>
Related validators
The following validators might be useful to you: