我有一个带2个按钮的表格.一个按钮以ajax格式提交表单,另一个按钮以正常方式提交表单.
$('#form_createAd').bootstrapValidator({
submitHandler: function(validator, form, submitButton) {
if (submitButton.attr('value') == "cart"){
submit_cartDetails(); //This function submits details thru ajax post
} else {
form.submit(); // Also Tried $('#form_createAd').submit()
}
}, fields: {
title: {
message: 'The username is not valid',
validators: {
notEmpty: {
message: 'The username is required and can\'t be empty'
},
stringLength: {
min: 6,
max: 30,
message: 'The username must be more than 6 and less than 30 characters long'
},
regexp: {
regexp: /^[a-zA-Z0-9_\.]+$/,
message: 'The …我有一个这个领域的表格:
<form id="formdelivery" class ="form-horizontal form-custom">
<fieldset>
<input name="delivery" type="text" class="" value="">
</fieldset>
</form>
只需单击按钮,即可从另一个输入复制输入字段的值:
$('#copy').click(function () {
$('[name=delivery]').val($('[name=billing]').val());
var res = $('#formdelivery').data('bootstrapValidator').validate();
if (res.$invalidFields.length == 0) {
alert("ok");
}
else {
alert("no");
}
});
在该领域应用的验证是这样的:
$('#formdelivery').bootstrapValidator({
fields: {
delivery: {
message: 'Invalid',
validators: {
notEmpty: {
},
stringLength: {
min: 2,
max: 100,
message: 'you need almost 2 chars and not more than 100'
}
}
}
});
问题是单击复制按钮,bootstrap验证器忽略用jQuery代码复制的新值 $('[name=delivery]').val($('[name=billing]').val());
我做错了什么还是这个问题？
我的目标是验证一个特定的文本字段，其中该字段依赖于其他元素的值。
例如我有选择标签和输入文本标签，
选择标记具有选定值时需要输入文本。
希望有人能帮忙。
在启用提示单击之前,尝试要求两个下拉选择框都具有所选选项.缺少什么是不允许插件检查验证？
形成:
<form role="form" id="bootstrapSelectForm" class="form-horizontal">
<div class="row">
<div class="col-xs-6">
<br>
<h5>Region</h5>
<select class="form-control" name="region" id="region" >
<option value="">Select a Region</option>
<option value="US">US</option>
<option value="UK">UK</option>
<option value="Sales Team">XS (Sales Team)</option>
<option value="Editorial Test">XT (Editorial Test)</option>
</select>
</div>
<div class="col-xs-6">
<br>
<h5>Duration</h5>
<select class="form-control" name="duration" id="duration" >
<option value="">Select a Duration</option>
<option value="5">5 Minutes</option>
<option value="10">10 Minutes</option>
<option value="15">15 Minutes</option>
<option value="20">20 Minutes</option>
<option value="25">25 Minutes</option>
<option value="30">30 Minutes</option>
</select>
</div>
<div class="col-xs-6">
<button type="submit" class="btn btn-default" id="submit">Submit</button>
</div>
</div>
Bootstrap验证器: …
我已经看过几次,但是它们似乎并不适用于我的情况.
我的表单在测试验证之前提交.
形成:
<form accept-charset="UTF-8" action="/user/fact" data-bv-submitbuttons="button[type='submit']" data-remote="true" data-toggle="validator" id="user_fact_form" method="post" role="form"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /></div>
<div class="form-group">
<label for="key">Title</label>
<input class="form-control" id="key" name="key" type="text" value="" />
</div>
<div class="form-group">
<label for="value">Value</label>
<input class="form-control" id="value" name="value" type="text" value="" />
</div>
<div class="form-group">
<input class="btn btn-primary" disable="true" name="commit" type="submit" value="Add" />
</div>
</form>
JavaScript的:
$('#user_fact_form').bootstrapValidator({
live: 'enabled',
message: 'This value is not valid',
submitButton: '$user_fact_form button[type="submit"]',
submitHandler: function(validator, form, submitButton) {
$.post(form.attr('action'), form.serialize(), function (result) {
$("#facts_tbody").append(result.data);
});
return false; …不知道为什么我的验证不起作用,尝试使用各种验证器,但结果总是返回有效..
需要第二只眼睛发现错误..
第一次使用代码片段,希望我下面的代码段是正确的..
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Test Files</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqBootstrapValidation/1.3.7/jqBootstrapValidation.min.js"></script>
<script>
$(function() {
$("input,select,textarea").jqBootstrapValidation(
{
preventSubmit: true,
submitError: function($form, event, errors) {
// Here I do nothing, but you could do something like display
// the error messages to the user, log, etc.
alert("Not Valid!!");
},
submitSuccess: function($form, event) {
alert("OK");
},
filter: function() {
return $(this).is(":visible");
}
}
);
});
</script>
</head>
<body>
<nav …我正在尝试使用bootstrap验证器验证表单,但文件验证不正常,这是我的代码:
cv: {
validators: {
file: {
extension: 'doc,docx,pdf,zip,rtf',
type: 'application/pdf,application/msword,application/rtf,application/zip',
maxSize: 5120 * 5120 * 5120 * 5120 * 5120, // 5 MB
message: 'The selected file is not valid, it should be (doc,docx,pdf,zip,rtf) and 5 MB at maximum.'
},
notEmpty: {
message: 'CV is required.'
}
}
},
所需的文件扩展名是doc,docx,pdf,rtf,zip,如上所示,但它只接受3个扩展名:doc,rtf,pdf ...所以我的代码中的错误在哪里？
我是Bootstrap Validator和Jquery的新手，正在尝试完成某些工作。
我有一个表格，例如字段
<div class="form-group" id="price_container">
<label for="price">Asking Price</label><input class="form-control" style="width: 50%;" type="text" id="price" name="price" >
</div>
<div class="form-group">
<label for="title">Title</label>
<input class= "form-control" type="text" name="title">
</div>
我可以通过以下方式验证它：
$('#multiform')
.find('[name="list_type"]')
.change(function(e) {
$('#multiform').bootstrapValidator('revalidateField', 'price');
})
.end()
.bootstrapValidator({
message: 'This value is not valid',
feedbackIcons: {
required: 'fa fa-asterisk',
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
price: {
validators: {
notEmpty: {
message: 'The price is required and cannot be empty'
},
integer: {
message: 'You …javascript validation jquery twitter-bootstrap jqbootstrapvalidation
我已经搜索了StackOverflow来解决这个问题,但是没有找到一个有效的解决方案.
我正在使用Bootstrap Validator验证表单,它运行良好.我想禁用该submit按钮,直到整个表单有效并且Bootstrap Validator有一个isValid()功能.使用这个函数,我能做的最好就是使用keyup,这很难看.
每当表单评估其有效性时,都会有一个延迟时间,并且提交按钮会从有效闪烁到非常快速无效.
有没有办法解决这个闪烁与setTimeout或.delay()仍然有像现在一样的表单功能？
或者,是否有一个纯粹的Bootstrap Validator解决方案？(这将是理想的)我查看了文档,但找不到任何有用的东西.只有方法可以设置表单的验证时间,这对我的原因没有帮助.
这是一个演示问题的JSFiddle.
javascript validation jquery twitter-bootstrap jqbootstrapvalidation
我正在使用jQuery 2.1.1,jQuery UI 1.11,Bootstrap 3.2,Fuel UX 2.3(仅适用于表单向导)和BootstrapValidator v0.5.1-dev.
我有一个燃料UX向导一个巨大的自举形式,BootstrapValidator验证,与事件和东西一吨的jQuery沿(总页数为1900线,这就是为什么我没有提供任何代码).
我的所有形式都有一个类col-xs-8的div,一切都运行正常.然后我将其更改为class ="container"(仅更改代码,来回播放几次),现在Chrome的控制台说:
Uncaught RangeError: Maximum call stack size exceeded
为什么？
我已经检查了调用堆栈,那里除了jQuery函数之外什么都没有(所以它不应该是我或者BootstrapValidator已经启动的,是吗？).
我有另一个页面,具有相同的enviorenement,类似的大小和相似的代码 - 从.col-xs-8到.container的变化没有问题.
更新:我发现如果我在没有类的情况下离开主div,我也会得到RangeError.Sooo这是我的JS https://gist.github.com/sofixa/be2e575cf8a198c1cf89
html javascript jquery twitter-bootstrap-3 jqbootstrapvalidation