我一直试图解决这个问题,我知道只要按钮属于提交类型,就可以在表单中触发验证.但是我在视图上有一些其他选项卡,当我使用提交时,它会导致后退并返回到第一个选项卡.我不希望发生这种情况所以我将我的验证放在一个函数中,并将按钮类型更改为一个按钮并删除了表单标记,并尝试在按钮单击事件上调用验证函数并且不触发.这可能不使用表单标签吗？
我的代码就是这个......
$(document).ready(function () {
$("#btnUpdateModerator").click(function () {
ValidateIt();
});
ValidateIt();
});
function ValidateIt() {
var validator = $("#Users").bootstrapValidator({
feedbackIcons: {
valid: "glyphicon glyphicon-ok",
invalid: "glyphicon glyphicon-remove",
validating: "glyphicon glyphicon-refresh"
},
fields: {
DealerUsername: {
message: "Username is required",
validators: {
notEmpty: {
message: "Please Provide Username"
}
}
},
email: {
message: "Email address is required",
validators: {
notEmpty: {
message: "Please provide Email address"
},
emailAddress: {
message: "Email address was invalid"
}
}
},
password: {
validators: …我一直坚持通过 Jquery 添加和删除引导验证器类。如果 div 可见，我将添加验证，如果 div 隐藏则删除。这是我的尝试：
<!--hidden form field-->
<div class="form-group">
<a href="javascript:validateField();" class="theme-color accountFormToggleBtn display-block">click here to change your password</a>
<div class="accountFormToggle display-none" id="passwordForm">
<div class="col-md-5">
<label for="password">Password</label>
<input type='password' id="password" placeholder="Password" name='pass' class="form-control" value='' data-bv-excluded="false" required>
</div>
<div class="col-md-5 col-md-offset-1">
<label for="exampleInputEmail1">Confirm password</label>
<input type='password' id="password2" placeholder="Confirm password" name='password2' class="form-control" value='' data-bv-excluded="false" data-match="#password" required>
</div>
</div>
</div>
JS代码：
function validateField() {
if($('#passwordForm').is(':visible')) {
$("#password").attr('data-bv-excluded',true);
$("#password2").attr('data-bv-excluded',true);
} else {
$("#password").attr('data-bv-excluded',false);
$("#password2").attr('data-bv-excluded',false);
}
}
如果 div 可见或隐藏，则验证有效。但是确认密码与密码字段的数据不匹配。
请帮助我如何根据 div …
我正在使用下面的代码验证(通过bootstrap-validator)我的联系表单中每个字段的内容(还有一个额外的检查通过谷歌recaptcha).您可以在此地址查看并测试表格.
默认情况下,提交按钮被禁用<button id="submit-btn" class="btn-upper btn-yellow btn" name="submit" type="submit" disabled><i class="fa fa-paper-plane-o" aria-hidden="true"></i> SEND</button>,并且一旦所有字段通过bootstrap-validator和google recaptcha完成验证,就应该重新启用.
问题:填写第一个字段后,会立即重新启用提交按钮,因此必须在某处重新激活它(您可以通过在第一个字段中键入您的名字然后将鼠标放在提交按钮上来进行测试,你会看到按钮是活动的而不是禁用的)
知道问题是什么以及如何解决这个问题？
非常感谢
JS:
$(document).ready(function() {
$('#contact_form').bootstrapValidator({
feedbackIcons: {
valid: 'fa fa-check',
invalid: 'fa fa-times',
validating: 'fa fa-refresh'
},
fields: {
first_name: {
validators: {
stringLength: {
min: 2,
},
notEmpty: {
message: 'aaVeuillez indiquer votre prénom'
}
}
},
last_name: {
validators: {
stringLength: {
min: 2,
},
notEmpty: {
message: 'aaVeuillez indiquer votre nom'
}
}
},
email: { …由于代码已经给出,并且无法找到该功能.我已经尝试了几个更改,但仍然得到错误序列也是正确的.头部位于顶部脚本,另一个环境开发位于该<body>部分之间的代码底部.
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About Us-Azure Solutionz</title>
<environment names="Development">
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/css/boots??trapValidator.css"/>
<link rel="stylesheet" href="css/ContactUs.css" />
<link rel="stylesheet" href="~/css/site.css" />
<link rel="stylesheet" href="css/NavbarButton.css"/>
<link rel="stylesheet" href="css/AboutUs.css"/>
<link rel="stylesheet" href="css/Footer.css"/>
</environment>
<environment names="Staging,Production">
<link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.5/css/bootstrap.min.css"
asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />
<link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true"/>
</environment>
</head>
<environment names="Development">
<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
</environment>
<environment names="Staging,Production">
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"
asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
asp-fallback-test="window.jQuery">
</script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.5/bootstrap.min.js" …我正在尝试使用bootstrap和bootstrap验证器创建一个html页面.
我想做的事情:当用户点击按钮时,会出现一个带有表单的模态.验证后,表单发送了一个包含字段值的电子邮件.正确发送邮件后,会出现其他模式,其中包含一些信息
我的问题:我的脚本与bootstrap验证器不起作用.当字段出错时,每次出现错误时都会发送表单.如果我完成所有字段,页面重新启动,没有任何工作.
拜托,你能帮我找到我的错吗？
我的HTML:
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<style type="text/css">
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrapValidator.js"></script>
<script language="JavaScript">
<!--vérif formulaire-->
function verif() {
$('#contact')
.bootstrapValidator({
live: 'disabled',
message: 'Cette valeur est invalide',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
e1: {
validators: {
notEmpty: {
message: 'Votre nom est obligatoire'
}
}
},
e2: {
validators: { …我正在寻找一种方法来验证在加载和$('#formId').bootstrapValidator()执行DOM之后我添加到表单的字段.有没有办法添加一个新字段并在提交表单时验证它？
插入mysql使用php名为via的文件AJAX.在insert声明php代码执行select查询以查找重复记录并继续之前insert statement.
问题:从ajax调用php文件时.它执行了两次并获得响应作为重复记录.
好吧,我尝试error_log从插入函数调用两次.
表单验证的触发点
$("#load-modal").on("click","#addcountryformsubmitbtn",function(e){
e.preventDefault();
var $form = $("#addcountryform"), $url = $form.attr('action');
$form.submit();
});
这是验证后提交表单的方式:
}).on('success.form.bv', function(e){
e.preventDefault();
var $form = $("#addcountryform"), $url = $form.attr('action');
$.post($url,$form.serialize()).done(function(dte){ $("#load-modal").html(dte); });
});
使用bootstrapvalidator,Core PHP,mysqli,Chrome浏览器.
实际的JS:
$(document).ready(function() {
$php_self_country="<?php echo $_SERVER['PHP_SELF']."?pg=countrycontent"; ?>";
$("#country-content").load($php_self_country,loadfunctions);
$("#country-content").on( "click", ".pagination a", function (e){
e.preventDefault();
$("#country-loading-div").show();
var page = $(this).attr("data-page");
$("#country-content").load($php_self_country,{"page":page}, function(){
$("#country-loading-div").hide();
loadfunctions();
});
});
$("#country-content").on("click","#closebtn",function(e){
e.preventDefault();
$("#country-content").load($php_self_country,loadfunctions);
}); …我正在使用Bootstrap Validator。我不清楚如何使用它来验证单选按钮的选择。有人可以澄清一下吗？
我有一个使用jquery-steps(https://github.com/rstaib/jquery-steps)制作的多步骤表单.我正在使用bootstrap验证器插件(https://github.com/formvalidation/formvalidation.io)我能够在键入时获得在字段上工作的验证规则(它在用户输入时动态显示验证).
但是,如果必填字段留空,或者用户未在字段中提供有效信息并单击下一个字段,则该步骤将继续.我想阻止用户继续下一步,如果任何字段显示"无效"或未填写"必填"字段.怎么做到这一点？
javascript validation jquery jquery-steps bootstrapvalidator
jquery ×7
javascript ×6
validation ×3
ajax ×1
asp.net-mvc ×1
css ×1
html ×1
jquery-steps ×1
php ×1