我的目标是验证特定文本字段,其中该字段依赖于其他元素的值。
例如,我有一个选择字段和一个输入文本字段。
仅当选择标签具有选定值时才需要输入文本。
希望有人能帮忙。
最佳答案
看看
在我们的项目中,我们使用的是与 Bootstrap 集成的 Backbone 验证器
集成 Backbone.validation 和 Bootstrap 的示例
https://jsfiddle.net/thedersen/c3kK2/
如果您使用的是 Backbone:)
对于bootstrapvalidator,有一个回调验证方法
http://bootstrapvalidator.com/validators/callback/
来自示例:
<input type="text" class="form-control" name="captcha"
data-bv-callback="true"
data-bv-callback-message="Wrong answer"
data-bv-callback-callback="checkCaptcha" />
还有JS
function checkCaptcha(value, validator) {
// Determine the numbers which are generated in captchaOperation
var items = $('#captchaOperation').html().split(' '),
sum = parseInt(items[0]) + parseInt(items[2]);
return value == sum;
};
$(document).ready(function() {
// Return a random number between min and max
function randomNumber(min, max) {
return Math.floor(Math.random() * (max - min + 1) + min);
};
// Generate a sum of two random numbers
function generateCaptcha() {
$('#captchaOperation').html([randomNumber(1, 100), '+', randomNumber(1, 200), '='].join(' '));
};
generateCaptcha();
$('#callbackForm').bootstrapValidator();
});
您可以用它实现任意验证。
所以你的验证可以通过一些全局函数来实现
使用 HTML
<input type="text" class="form-control" name="captcha"
data-bv-callback="true"
data-bv-callback-message="Wrong answer"
data-bv-callback-callback="specialValidation" />
使用 JS
function specialValidation(value, validator) {
// Determine the numbers which are generated in captchaOperation
var items = $('#otherField').txt();
return value == sum;
};
并且您需要对元素属性具有创造性,以正确链接相关元素。
关于jquery - 如何在 Bootstrap Validation 中创建自定义验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26880613/