gpt4 book ai didi

jquery - 如何在 Bootstrap Validation 中创建自定义验证

转载 作者:行者123 更新时间:2023-12-03 23:03:30 30 4
gpt4 key购买 nike

我的目标是验证特定文本字段,其中该字段依赖于其他元素的值。

例如,我有一个选择字段和一个输入文本字段。

仅当选择标签具有选定值时才需要输入文本。

希望有人能帮忙。

最佳答案

看看

http://bootstrapvalidator.com/

在我们的项目中,我们使用的是与 Bootstrap 集成的 Backbone 验证器

https://github.com/thedersen/backbone.validation

集成 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/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com