更改样式时，FormValidation / formvalidation.io引导程序插件会将验证图标放错位置
FormValidation / formvalidation.io引导程序插件是一个用于表单验证的插件。当更改样式时，该插件可能会将验证图标放错位置。
FormValidation / formvalidation.io引导程序插件的主要功能是验证表单输入的数据是否符合预期的格式和要求。它可以通过添加验证规则和错误提示信息来确保用户输入的数据的准确性和完整性。
该插件的优势包括：
- 简单易用：FormValidation / formvalidation.io引导程序插件提供了简单的API和丰富的文档，使开发人员能够轻松地集成和使用该插件。
- 多种验证规则：该插件支持多种常见的验证规则，如必填字段、电子邮件格式、数字范围、正则表达式等，可以满足不同场景下的验证需求。
- 自定义错误提示：开发人员可以自定义错误提示信息，以便根据具体的业务需求提供更友好和准确的错误提示。
- 响应式设计：FormValidation / formvalidation.io引导程序插件支持响应式设计，可以适应不同设备和屏幕尺寸，确保在各种终端上都能正常工作。
该插件适用于各种需要进行表单验证的场景，例如注册表单、登录表单、支付表单等。通过使用该插件，开发人员可以提高用户输入数据的准确性，减少错误数据的提交，提升用户体验。
腾讯云提供了一系列与云计算相关的产品，其中包括与表单验证相关的产品。推荐的腾讯云产品是腾讯云云函数（SCF）。腾讯云云函数是一种事件驱动的无服务器计算服务，可以用于处理表单验证的逻辑。您可以通过以下链接了解更多关于腾讯云云函数的信息：腾讯云云函数产品介绍
请注意，以上答案仅供参考，具体的解决方案和产品选择应根据实际需求和情况进行评估和决策。
相关·内容
我有两个提交按钮在我的表格：
<button type="submit" name="save_and_stay">Save and stay</button>
<button type="submit" name="save">Save and get back</button>
不幸的是，name值没有通过formvalidation.io发送到服务器。
似乎与“DefaultSubmit”插件文档所说的相关：
不对提交按钮使用name=" Submit“或id="
浏览 2提问于2019-12-13得票数 1
回答已采纳
我试图触发一个函数来更新进度条的CSS .
<div class="progress">
<div class="progress-bar progress-bar-green" role="progressbar"></div>
</div>
但是只有在一个字段被formValidation插件(formvalidation.io)验证之后
$('form').formValidation({
framework: 'bootstrap',
浏览 1提问于2015-11-17得票数 2
我正在使用formvalidation.io来验证我的表单，它可以完美地工作。但我需要阻止表单提交，即使它是有效的。
我试过这部分代码，但它不起作用：
const fv = FormValidation.formValidation(
.....
).on('core.form.valid', function (e) {
if ($('#origine').val() === "I") {
if (!$('input[name="addressees"]').val()) {
alert(
浏览 15提问于2020-05-30得票数 0
2回答
强制自举4
、、
我正在尝试使用Formvalidation.io的新版本(1.3.0)和引导带4。
我试着在他们的网站上写一些解释过的代码，但是它不起作用。
这里我的代码如果有人有同样的问题解决了..。
document.addEventListener('DOMContentLoaded', function (e) {
FormValidation.formValidation(
document.getElementById('registerForm'),
{
fields:
浏览 0提问于2018-10-05得票数 1
回答已采纳
1回答
我有以下模式：
public class Patient
{
public DateTime DOB { get; set; }
public DateTime DateCreated { get; set; }
[Required] // FullName is required
public string FullName{ get; set; }
public virtual Address Address { get; set; }
}
地址是一个相关实体。
public class Address
{
public string Str
浏览 0提问于2018-03-06得票数 0
回答已采纳
3回答
我试图提交我的表单到database.When我点击提交按钮，它没有插入任何记录，并成为禁用。当我看到我的控制台时，我看到了这个
代码行
<button type="submit" value="submit" class="btn btn-primary" name="submit">Submit</button>
更改为
<button type="submit" value="submit" class="btn btn-primary disabled&
浏览 6提问于2016-02-10得票数 0
回答已采纳
我试图使用来自formvalidation.io的表单验证器验证几个字段，但使用它遇到了一些问题。我需要找出一个文本框(日期，电话，电子邮件)是否有一个值(用户填写的文本框外)，并验证该字段。但是，如果用户不填写文本框，则不要验证该字段。用户可以开始填写文本框，然后删除其内容，如果他们这样做，则不应验证该字段。有人能帮我解决这个问题吗？
我尝试过一些不同的技术，比如addEventListener之类的，但是我还没有完全了解我需要它的方式。
下面是我目前所拥有的一个例子。
$("#Q_dob_text").change(function () {
var dob
浏览 2提问于2015-02-24得票数 0
回答已采纳
1回答
良好的引导表表单验证器
、、、
我正在寻找一个良好的引导从Validator库，这是免费的商业用途。类似于下面的参考图像http://formvalidation.io。
在Google搜索了很长一段时间之后，我没有找到一个类似于下面的图像的表单验证器：
📷
现在我正在使用jQuery ValidationEngine，但是当我有很多字段时，我不喜欢UI：
📷
浏览 0提问于2015-07-04得票数 2
2回答
单击时突然禁用提交按钮
、、、、
我正在尝试在数据库中插入简单用户名。我在bootstrap中编写了代码，然后将其复制到netbeans中，然后在其中插入php代码。脚本运行良好，但当我试图提交到数据库中插入名称时，提交按钮被禁用，没有给出任何错误或重定向到另一个页面。请帮帮忙。我是bootstrap的新手。
<?php
include 'includes/db_connection.php';
if (isset($_POST['submit']))
{
//$name = filter_input(INPUT_POST, 'name',FI
浏览 2提问于2016-02-10得票数 0
我正在使用https://formvalidation.io/进行表单验证，遇到了一个与早期版本的internet explorer相关的错误... 查看最初的开发人员基本示例：https://formvalidation.io/guide/plugins/excluded/ 我在我的测试站点上重新创建了这个代码：http://test.petewinter.com/test.php 如果您使用的是现代浏览器。您会注意到，当您填写fullname和company字段时(没有显示隐藏字段)，然后单击submit，您将收到一条警告消息。 使用某些早期版本的IE时不会出现这种情况。我通过brows
浏览 18提问于2019-03-19得票数 0
回答已采纳
这是FormValidation包中的一个错误，还是我遗漏了什么？ 当我测试一个标准的、普通的、开箱即用的Bootstrap页面时(比如来自this page的“堆叠表单”示例)，表单验证并正确地放置了它的图标。 ? 但是如果我做了其他事情，比如将一个项目附加到input-group： <div class="form-group">
<label>Price</label>
<div class="input-group">
<div class="input-group-
浏览 15提问于2021-04-09得票数 0
我在这里使用引导formvalidation.io远程验证器：
在发生验证错误时，是否可以从服务器端获取要显示在客户端的错误消息？
以下是发生错误时从服务器端返回的json：
{
"valid":false,
"errorMessage":"The format for this postal code has to be in the format of 5 digits"
}
浏览 3提问于2015-04-16得票数 0
回答已采纳
2回答
我们使用FormValidation.io进行表单验证，现在我们尝试使用通过声明插件应用的html属性使用相同的验证器。
我们想要什么？我们希望验证检查确认字段是否与密码字段相同，如果没有，则验证失败。
<input
class="form-control"
data-fv-not-empty="true"
data-fv-not-empty___message="The password is required"
type="password"
placeholder="Password
浏览 4提问于2021-10-26得票数 1
是否可以使用插件以及React和。
我的项目有多个input components，可以在form中使用，也可以不使用。我想使用formvalidation插件来验证输入组件。
无法找到任何与此相关的文件。这是可能的吗?如果可能的话，请有人与我分享与此相关的参考资料。
更新：
我在表单验证插件网站上找到了这个，它明确提到了如何在React中使用表单验证。但无法找到任何与此相关的详细文件。
这就是我现在试图将jquery和formvalidation导入到我的项目中的方式，但是当我加载表单验证时，我会说，格式验证需要jQuery。
import $ from "jquer
浏览 0提问于2018-07-02得票数 0
回答已采纳
我正在使用Select2插件的代码示例来验证多个select字段。我只想让这个领域至少有一个元素。
这里我的代码：
HTML：
<div class="form-group row">
<label for="roles" class="col-sm-3 col-form-label">{{ ucfirst(trans_choice("configurazione.ruoli",2)) }}</la
浏览 8提问于2022-01-06得票数 0
每次ngMessages将更改的输入字段捕获为无效时，我都试图编译一个前端错误对象数组。
我已经习惯了事件驱动的formvalidation.io库。在ngMessages中是否有任何事件或函数可以分别侦听/调整？
我假设一定有一个函数，上面写着“哦，我们有一个无效的字段.现在就这么做”。这就是我要找的。
如果有这样的函数，如何对字段进行验证？
谢谢各位！
浏览 0提问于2017-01-26得票数 0
回答已采纳
我正在使用formvalidation.io来验证一个简单的表单。但是，只有当全局字段的值等于1时，我才会启用notEmpty验证器。
例如，在下面的代码中，我想验证email字段，但仅当全局变量emailrequired的值等于1时才启用第三个验证器。
我不想为此编写我自己的验证器，因为这个示例针对不同的字段出现了很多次，并且我需要一个全局解决方案。
email: {
validators: {
stringLength: {
min: 1,
max: 5
浏览 3提问于2018-02-19得票数 0
我正在使用Formvalidation.io插件，这个插件非常适合
<input type="text" name="url[]" required />
使用以下验证代码
'url[]': {
validators: {
stringLength: {
min: 4
}
}
},
但是当使用“预定义”索引时
<input type="text" name="url[1]" required />
以下验证不起作用
浏览 4提问于2015-12-23得票数 1
回答已采纳
1回答
我正在使用formvalidation.io ( jQuery表单验证的扩展)来验证我的表单，并且在类型为'number‘的字段上遇到了问题。
我希望使用该类型，以便在移动设备上向用户显示数字键。
该领域的验证非常简单：
depth: {
validators: {
notEmpty: {
message: 'You must enter the depth of the excavation.'
}
但是，导致问题的是数字类型字段的默认验证。该字段将接受: 1.00，1，2.00等。
但不接受任何小数: 0.50，1.20，2时30分等
浏览 2提问于2016-02-05得票数 1
回答已采纳
1回答
数据采集器图标验证不工作
、、、
我正在试着用我的形式挑选日期。我使用引导图标验证来验证it..But，即使当我从选择器中选择日期时，它也显示了所需field..How的验证错误消息，我可以修复这个problem..Below是我的脚本。
<script>
$(document).ready(function() {
$('#datepicker')
.datepicker({
format: 'mm/dd/yyyy',
startDate: '01/01/2010',
浏览 3提问于2015-11-26得票数 0
回答已采纳
需要一些帮助来找出这个错误，所以基本上我已经在中找到了我的
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Category</label>
</div>
<div class="col-xs-9">
<input id="prog_categ" name="catego
浏览 4提问于2015-11-24得票数 0
回答已采纳
我使用的是formvalidation.io，并且在同一个页面上有2+表单。
当我提交表单1时，如果表单2无效，则提交按钮被禁用，即使表单1有效也是如此。
JS：
$('form').formValidation({
framework: 'bootstrap',
trigger: 'keyup blur',
fields: {
required: {
selector: '[validator="required"]',
va
浏览 2提问于2015-11-26得票数 1
在使用formvalidation.io时，我的控制台中总是出现错误。
我不知道这个错误的原因是什么。我仍然在一些网站上收到垃圾邮件，即使我使用的是backendVerificationURL。我正在使用不可见的ReCaptcha ()
我的HTML表单：
<form id="contact" method="post" action="/vendor/contact-form.php">
<
浏览 4提问于2018-11-07得票数 2
问题是我们的前端认为这个url是有效的，而后端认为它是无效的。网址是http://pyxlmedia.com/pc/talk=now&o=http://mobile.tmall.com/mobile。
你可以看到，在pc这个词之后，它是'/‘而不是'?’。
如果我把“/”改为“？”然后两次通过，也就是，
http://pyxlmedia.com/pc?talk=now&o=http://mobile.tmall.com/mobile被org.apache.commons.validator.routines.UrlValidator (1.5.1)和站点http
浏览 0提问于2016-09-26得票数 1
回答已采纳
我使用引导3.3.4和形式验证0.6.1me需要显示..help块来正确显示错误formvalidation.io (我使用..form卧式)。
我试图使用(停用)：
.help-block {
display: inline;
}
我的表格：
<form class="form-horizontal" method="post" action="" id="formProfile">
<div class="form-group">
<label for="
浏览 5提问于2015-04-03得票数 2
回答已采纳
3回答
我有一个JQuery脚本来验证阿凡达图像的上传，但我需要它来防止除了PNG、JPG和GIF图像以外的任何上传。有什么办法把它实现到我的代码中吗？以下是代码：
$('#addButton').click(function () {
var avatar = $("#avatarupload").val();
if(avatar.length < 1) {
avatarok = 0;
}
//ELSE IF FILE TYPE
else {
avatarok = 1;
}
浏览 1提问于2014-01-06得票数 1
回答已采纳
3回答
我想实现引导图标在一个角度的项目，但它是不工作的。我运行了以下命令，
npm i引导图标
但是我无法在网页中添加图标字体。
现在，我已经在index.html文件中添加了引导图标CDN，它正在工作。
我想知道我们是否需要在angular.jason文件中的任何地方添加引导图标文件的路径，或者在安装命令之后它应该工作。
感谢您的回答！
谢谢。
浏览 19提问于2022-07-14得票数 0
我使用formvalidation.io，URL：我使用相同的验证器来验证密码。
现有行为：当我开始输入第一个字段时，第二个字段使用相同的验证器自动触发。
想要的行为：相同的验证器只能在开始键入第二个字段时才能启动，或者在开始输入第二个字段之前已经与第二个字段进行了任何交互，直到该验证器无效。
浏览 3提问于2016-04-22得票数 0
下图显示了一个具有正确验证字段的注册表单。其他字段尚未完成，但代码以某种方式过早地启用了提交按钮，该按钮响应单击事件。我用的是formvalidation.io
我想知道是否有人能在下面粘贴的示例代码中看到问题所在。非常感谢凯文
<script src="/formval/dist/js/formValidation.min.js"></script>
<script src="/formval/dist/js/framework/bootstrap.min.js"></script>
<di
浏览 3提问于2015-07-24得票数 0
回答已采纳
如何验证fuelux向导的每个步骤(单击next按钮时)？
函数的jquery代码如下所示。
$('#myWizard').on('actionclicked.fu.wizard', function (evt, data) {
// validation code for the step here.
// jquery validator, AFAIK validates only the whole form.
// in this case, only the ancestor div
// had tried thi
浏览 0提问于2016-07-17得票数 2
回答已采纳
我希望在动态添加到页面后验证引导复选框。
我的代码是
<link rel="stylesheet" href="./css/bootstrap.min.css"/>
<link rel="stylesheet" href="./css/formValidation.min.css"/>
<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script&
浏览 3提问于2017-10-11得票数 0
使用ASP.NET webforms，bootstrap，jquery.
我的表单提交：
<asp:LinkButton ID="lnkSubmit" CssClass="btn btn-warning CausesValidation="true" runat="server">Submit</asp:LinkButton>
我有以下用于客户端验证的JS：
$("#ShortForm").click(function (evt) {
var isValid = $("#
浏览 1提问于2015-08-08得票数 0
我正在使用引导4验证，我有一些条件字段出现在单选按钮更改。现在，当我更改选项卡时，它会显示验证消息，即使它没有类has-warning
这是我的js：
$('#register_form')
.find('[name="cms_frontuserbundle_frontuser[usertype]"]')
.change(function (e) {
var usertype = $(this).val();
if (usertype == "institution") {
浏览 1提问于2018-09-25得票数 1
回答已采纳
1回答
我试图使用图标内导航-链接在一个边栏，使用引导V5和引导图标。
我宣布一个像这样的图标：
<li class="nav-item">
<a class="nav-link text-white">
<img class="text-white" src="/img/journal-text.svg" width="16" height="16"/>
Sidebar Link
</a>
</li>
浏览 8提问于2022-11-10得票数 0
2回答
我正在使用验证我的表单。
在我的表单上，我有一个密码输入和一个“show password”复选框。当用户单击show password时，输入的内容将从密码类型变为文本。
$('#show_password').off();
$('#show_password').on('click', function() {
var change = '';
var $input = $('#cpassword');
if ($(this).is(':checked')) {
change
浏览 4提问于2015-06-16得票数 2
3回答
表格验证和提交
、、
我使用的是formvalidation.io，但我不能停止在成功验证时提交表单。它立即提交请求和刷新页面。我需要通过ajax发送表单信息。
我一定是忽略了一些明显的东西？
HTML：
<form method="post" id="estimateForm1" class="form-horizontal bv-form">
<input type="hidden" name="page_source" id="page_source" value=""/>
浏览 4提问于2015-08-04得票数 0
回答已采纳
我正在使用引导验证器插件来验证我的表单客户端，在重新验证summernote文本区域时，它似乎失败了。它第一次验证，但当文本被更新时，验证不会更新。
下面是验证(剪掉其他验证字段)
function validateEditor() {
// Revalidate the content when its value is changed by Summernote
$('#application-form').bootstrapValidator('revalidateField', 'application'));
};
$
浏览 4提问于2014-08-16得票数 3
我的表单包括dropzone.js，并使用jQuery插件formvalidation.io进行验证。
独立地，文件上传和验证元素按照预期工作，但是我需要表单验证才能在Dropzone上传任何文件之前运行。
我正试图通过
使用autoProcessQueue: false配置Dropzone以防止文件自动上传
从表单验证processQueue()回调手动调用Dropzone onSuccess
所有的尝试都失败了。似乎，以我有限的javascript知识，我无法从另一个函数中访问Dropzone？
我确信答案是关于Dropzone问题的评论之一: jQuery实例:
浏览 5提问于2019-05-18得票数 1
回答已采纳
1回答
我的表单使用验证引导数据报警器。但是没有正确地验证引导引导jalali datepicker (波斯语)。填写字段后提交，验证工作正常。但是，当字段空白然后填充字段时，请给出“需要开始日期”或“需要完成日期”的错误。字段被填充，错误仍然存在。我该如何解决这个问题？
<form class="form-horizontal" action="" method="post" name="delete_table" id="delete_table" role="form" enctype="
浏览 0提问于2015-09-28得票数 0
回答已采纳
2回答
这是一个完美的引导图标选择器。我想使用这个图标选择器，但与我自己的图标。不是用引导图标。
我如何做到这一点，或者你能给我一个自定义图标选择提前感谢。
浏览 0提问于2018-04-03得票数 0
回答已采纳
3回答
在引导进度栏中覆盖一个元素时，我遇到了问题。
图标在部分填充的进度条上被过度播放，但在完整进度栏上没有显示图标。
浏览 3提问于2013-09-27得票数 2
回答已采纳
这里有flotjs导航控制插件：
文档中说：“为了使控制符号(+，-，←，↑，→，↓，⌂)更漂亮，您可以包含自己的图标字体css文件，这些符号有css类的‘图标’供您挂钩。”
为此，我想使用引导图标：
但是，我不明白如何绑定css中的类“图标”和标记"span“(用于引导语法图标)。
浏览 6提问于2014-10-12得票数 1
回答已采纳
1回答
当用户登录到我的网站时，我想让我页面顶部的社交图标消失。
做这件事最好的方法是什么，你能给我所有可能的选择吗？
请访问：https://hughesjobs.net
你会看到上面的社交图标
浏览 0提问于2015-03-12得票数 -1
1回答
我正在使用Leaflet在ionic应用程序中显示地图，并使用来启用集群。
我似乎不能让我的自定义图标显示，但我总是得到蓝色的默认值。
首先，我创建了markerClusterGroup
var markers = L.markerClusterGroup({
spiderfyOnMaxZoom: true,
showCoverageOnHover: true,
zoomToBoundsOnClick: true
});
然后我创建图标：
var myIcon = L.icon({
iconUrl: '<myiconurl.png&
浏览 13提问于2017-03-10得票数 0
回答已采纳
1回答
更改引导颜色符号
、、
我正在使用twitter引导3中的图标，虽然我能够让图标按我的意愿工作和显示，但我有一个问题无法解决。当我点击象形文字(拇指向上的图标为ex，)，我希望图标改变为红色。由于某些原因，我无法在jQuery中更改图标颜色。我可以让背景色改变，所以我知道我的jQuery是工作的，但不是图标本身的颜色。因此，我的问题简单地说:我如何才能改变引导图标的颜色点击？
下面是我正在研究的例子。
引导此项的css。这是我唯一能控制颜色的地方
.glyphicon-thumbs-up:before{
content:"\e125";
color: #7f8c8d;
op
浏览 1提问于2014-06-19得票数 0
回答已采纳
1回答
我一直在努力让这个领域的验证发挥作用。我正在使用来自的引导程序的JS验证，我已经检查了，但是我尝试过的任何东西都没有起作用。
字段需要使用Razer values[@i].Rating验证在动态生成的字段上输入的数字，并且表单构建为提交多个模型，因此我的名称属性是生成的每个元素的，其中 i 是一个在循环中递增的整数。
验证必须确保客户端输入一个介于1到4之间(包括在内)的数字，如果它不是介于1和4之间的数字，它必须显示一个错误消息，例如“请输入一个介于1和4之间的数字”。下面是我的代码，我首先尝试了HTML属性：
<input style="text-align: center&
浏览 0提问于2015-02-10得票数 0
1回答
我一直在尝试将actionbar中的溢出图标(三个点)改为白色而不是灰色。我遵循了每个人的建议，但它保持不变。下面是我的代码：
<style name="ActionBar.AccentColor.Background" parent="@android:style/Widget.Holo.ActionBar.Solid">
<item name="android:actionOverflowButtonStyle">@style/MyActionButtonOverflow</item>
&l
浏览 1提问于2013-11-13得票数 2
我想使用 v0.8.1验证一个表单( jQuery插件用于验证表单字段，用于引导3/4·Foundation 5/6·纯·语义UI·UIKit·other)
这是我的HTML页面：
....
<!-- for the error login message box -->
<link rel="stylesheet" media="screen" href="/tdk/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" />
<link rel=
浏览 3提问于2017-05-08得票数 0
回答已采纳
1回答
我在引导带3中使用xPages，并在前面询问如何使formValidation.io工作。在Brahim Arkni的帮助下，我能够做到这一点，这取决于Javascript文件没有加载这一事实。
现在我正在尝试使用intlTelInput，并接收到相同类型的消息"intlTelInput不是一个函数“，所以我的理论是，这是同一个问题。所有文件都已加载，但可能没有按正确的顺序或在正确的时间加载。
因此，我的问题是，您什么时候会使用以下语法从主题文件中调用.js文件(它加载但在一行中显示所有.js文件，搜索起来不太容易找到正确的加载文件)：
<resource>
浏览 0提问于2017-08-14得票数 1
回答已采纳
1回答
我正在尝试在form-horizontal引导窗体中的文本框后显示一个图标。因此，我将文本框宽度设置为80%并添加了图标。
<div class="form-group">
@Html.LabelFor(model => model.Tag, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Ta
浏览 3提问于2017-04-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
