Options
Option | HTML attribute | Type | Description |
---|---|---|---|
message |
data-fv-ean-message |
String | The error message |
When setting options via HTML attributes, remember to
enable the validator by setting data-fv-ean="true".
The message option can be updated on the fly via the
updateMessage() method
Example
EAN | Result |
---|---|
73513537 | |
9780471117094 | |
4006381333931 | |
73513536 |
<form id="eanForm" class="form-horizontal">
<div class="form-group">
<label class="col-xs-3 control-label">EAN</label>
<div class="col-xs-5">
<input type="text" class="form-control" name="ean" />
</div>
</div>
</form>
<script>
$(document).ready(function() {
$('#eanForm').formValidation({
framework: 'bootstrap',
icon: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
ean: {
validators: {
ean: {
message: 'The value is not valid EAN'
}
}
}
}
});
});
</script>
<form id="eanForm" 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">EAN</label>
<div class="col-xs-5">
<input type="text" class="form-control" name="ean"
data-fv-ean="true"
data-fv-ean-message="The value is not valid EAN" />
</div>
</div>
</form>
<script>
$(document).ready(function() {
$('#eanForm').formValidation();
});
</script>
Related validators
The following validators might be useful to you: