正文 

当前位置： 首页 > 知识 >

1000hz Bootstrap 验证器在验证触发时未提交 - Laravel

     2023-05-08     17

关键词：

【中文标题】1000hz Bootstrap 验证器在验证触发时未提交 - Laravel【英文标题】：1000hz Bootstrap validator not submit when validate triggered - Laravel 【发布时间】：2018-11-04 14:19:54 【问题描述】：

在纠正所有验证错误后，引导验证器表单不提交，但如果没有触发验证，则可以提交表单，这是我的表单：

!! Form::open(["method" => "POST", "action" => "user\UserWalletController@transfer", "id" => "transferModal", "class" => "modal fade", "aria-labelledby" => "transferModal", "aria-hidden" => "true"]) !!
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h5 class="modal-title colorOrange1">Transfer</h5>
      </div>
      <div class="modal-body">
        ...
        <div class="row">
          <div class="col-xs-12">
            <div class="form-group">
              <div class="checkbox checkbox-primary">
                !! Form::checkbox("agreeTermsOfUse", null, null, ["id" => "termsOfUse", "data-error" => "You must agree Terms of Use", "required"]) !!
                <label for="termsOfUse"> I agree with Terms Of Use </label>
                <div class="help-block with-errors"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
        <button type="submit" id="submitTransferDetails" class="btn bgTeal1" name="operationBtn" value="transferFund">Submit</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
!! Form::close() !!

这是我的表单验证函数是 JS：

$('#transferModal').validator();

我这样更新了我的代码，它会提交表单，但是需要1000个控制台日志然后才出现错误并提交，为什么会这样？？

$('#transferModal').validator().on('submit', function (e) 
  if ($("input[name='transferPasswordStatus']").val() == "true") 
    if (e.isDefaultPrevented()) 
      // handle the invalid form...
     else 
      console.log("eooer");
      $(this).submit();
    
  
  else if ($("input[name='transferPasswordStatus']").val() == "false") 
    alert("Password mismatch");
  
);

这是打印屏幕：

我已经测试了几次，提交按钮名称也不是“提交”，但它根本不提交。

问题是什么，我该如何解决？？

【问题讨论】：

【参考方案1】：

您是否尝试过在没有 js 的情况下启用验证？

这样：

<form role="form" data-toggle="validator">
  ...
</form>

【讨论】：

是的，我之前试过这个选项，结果是一样的，我更新了我的问题，控制台日志在提交时返回一些错误。 嗯，甚至不知道..这是小提琴，一切正常jsfiddle.net/d1e8ghxj/3

1000hz Bootstrap 验证无法正常工作

】1000hzBootstrap验证无法正常工作【英文标题】：1000hzBootstrapvalidationisnotworkingproperly【发布时间】：2017-08-3123:26:31【问题描述】：我正在使用1000hzbootstrapvalidation实施验证。一切都很顺利，除了两件事-1)。即使我输入相同的两个密... 查看详情

1000hz 验证器检查最小值、最大值和特定值

...参考这个问题寻求帮助howtousecustomvalidatorsofgithub.com/1000hz/bootstrap-validator我有一个带有两个数字输入的表单，以及一个1000hz验证器插件，用于错误的最 查看详情

markdown[1000hz-bootstrap-validator]用于抛光验证的有用代码：nip，pesel，regon，identitycardnumber(代码片段)

查看详情

1000hz 引导验证器根本不工作

】1000hz引导验证器根本不工作【英文标题】：1000hzBootstrapValidatornotworkingatall【发布时间】：2017-07-1509:04:29【问题描述】：我尝试在我的表单中加入1000hz的验证器，但它似乎没有验证。我查看了示例表单和相关文件的源代码，但没... 查看详情

使用 Bootstrap 验证器的 jQuery 步骤

】使用Bootstrap验证器的jQuery步骤【英文标题】：jQuerystepswithBootstrapvalidator【发布时间】：2017-11-2414:27:07【问题描述】：我有一个使用引导验证器验证的表单：http://1000hz.github.io/bootstrap-validator/我想将此表单分成多个步骤，并在单... 查看详情

引导表单验证插件推荐[关闭]

】引导表单验证插件推荐[关闭]【英文标题】：BootstrapFormValidationPluginRecommendation[closed]【发布时间】：2015-07-2302:45:00【问题描述】：谁能推荐一个好的（免费的）表单验证插件来与Bootstrap一起使用。我一直在使用此处找到的表单... 查看详情

Bootstrap 模式中的 jQuery 验证不会触发

】Bootstrap模式中的jQuery验证不会触发【英文标题】：jQueryValidationinsideBootstrapmodaldoesn\'tfire【发布时间】：2019-04-0814:05:56【问题描述】：好的，所以我正在尝试使用jQueryValidation来验证我在模态中的表单。但是，我的jQueryValidation甚... 查看详情

使用引导验证插件时，AngularJS 范围不可用

...JS范围不可用【英文标题】：AngularJSscopeisnotavailablewhenusingBootstrapValidationPlugin【发布时间】：2017-10-2406:14:19【问题描述】：我正在尝试将此插件与angularjs一起使用来验证表单http://1000hz.github.io/bootstrap-validator/plugimg我已经尝试了很... 查看详情

有没有一种简单的方法来触发表单验证 onSubmit 而不是使用 bootstrap 和 Vue.Js 的 onLoad？

...有没有一种简单的方法来触发表单验证onSubmit而不是使用bootstrap和Vue.Js的onLoad？【英文标题】：IsthereasimplewaytotriggerformvalidationonSubmitinsteadofonLoadwithbootstrapandVue.Js?【发布时间】：2019-03-1719:54:45【问题描述】：我有一个密码重置表... 查看详情

bootstrapvalidator使用特性，动态（dynamic）添加的input的验证问题

http://1000hz.github.io/bootstrap-validator/#validator-usageValidatedfieldsBydefault,thevalidatorwillonlyvalidatefieldsthatarepresentwhenthepluginisinitialized.Ifyourformhasadynamicsetoffields,youwill 查看详情

将 Bootstrap validator.js 与 Jquery ajax 表单发布一起使用

】将Bootstrapvalidator.js与Jqueryajax表单发布一起使用【英文标题】：UsingBootstrapvalidator.jswithJqueryajaxformpost【发布时间】：2015-05-2515:04:37【问题描述】：我正在尝试使用此验证器https://github.com/1000hz/bootstrap-validator进行客户端检查，然... 查看详情

如何使用 bootstrap-validator 验证 SPPeoplePicker

】如何使用bootstrap-validator验证SPPeoplePicker【英文标题】：HowtovalidateSPPeoplePickerwithbootstrap-validator【发布时间】：2017-06-1200:16:11【问题描述】：我正在尝试使用1000hzbootstrap-validator验证SPPeoplePicker控件，但它似乎不起作用。有人可以... 查看详情

无法在 Bootstrap 中进行验证

】无法在Bootstrap中进行验证【英文标题】：Can\'tmakethevalidationworkinBootstrap【发布时间】：2018-02-0621:16:33【问题描述】：我正在尝试实现validationbyBootstrap，并在我的页面上粘贴了以下示例：<divclass="form-grouphas-success"><labelclass=... 查看详情

在更改时验证 bootstrap-datepicker 字段

】在更改时验证bootstrap-datepicker字段【英文标题】：Validatebootstrap-datepickerfieldonchange【发布时间】：2016-06-0501:37:25【问题描述】：当order_datePicker输入字段由bootstrap-datepicker填充时，我正在尝试验证它。我已经在***上找到了一些答... 查看详情

在 Laravel 请求中验证 Bootstrap 日期时间选择器

】在Laravel请求中验证Bootstrap日期时间选择器【英文标题】：ValidatingBootstrapdate-timepickerinLaravelrequest【发布时间】：2018-04-3000:33:12【问题描述】：我正在使用Bootstrap日期时间选择器，我正在尝试验证控制器中的日期，但它总是给我... 查看详情

如何在 Angular2 中触发表单验证器

】如何在Angular2中触发表单验证器【英文标题】：HowtotriggerFormValidatorsinAngular2【发布时间】：2015-11-2211:13:46【问题描述】：在angular2中，我想在更改另一个控件时触发某些控件的验证器。有什么方法可以告诉表单重新验证吗？更... 查看详情

移除 Bootstrap 的验证图标

】移除Bootstrap的验证图标【英文标题】：RemoveBootstrap\'svalidationicons【发布时间】：2019-07-0411:48:42【问题描述】：说明我正在尝试删除这些Bootstrap\'svalidation图标（“x”和“check”），但我已经查看了所有内容，但找不到它在哪里... 查看详情

Bootstrap：在处理远程验证时显示一些消息

】Bootstrap：在处理远程验证时显示一些消息【英文标题】：Bootstrap:showsomemessagewhileremotevalidationisprocessing【发布时间】：2018-04-1606:44:52【问题描述】：我有一个非常愚蠢的问题；但是，我是这种语言的新手，并且是我自己的学习... 查看详情