【问题标题】:Jquery validation Error when trying to validate a bootstrap checkbox [duplicate]尝试验证引导复选框时出现 Jquery 验证错误 [重复]
【发布时间】:2018-01-09 04:18:53
【问题描述】:

我正在使用 Jquery 验证插件,一切正常,但是当我尝试验证复选框时出现错误:

TypeError: b is undefined

这是我的引导复选框脚本:

<div class="col-xs-8">
                    <div class="checkbox icheck">
                        <label>
                            <input type="checkbox" required> I agree to the <a href="#">terms</a>
                        </label>
                    </div>
                </div>

这是我使用的 jquery 验证:

$("#formRegister").validate({
            errorElement: "span",
            errorClass: "help-block",
            highlight: function (element, errorClass, validClass) {
                // Only validation controls
                if (!$(element).hasClass('novalidation')) {
                    $(element).closest('.form-group').removeClass('has-success').addClass('has-error');
                }
            },
            unhighlight: function (element, errorClass, validClass) {
                // Only validation controls
                if (!$(element).hasClass('novalidation')) {
                    $(element).closest('.form-group').removeClass('has-error').addClass('has-success');
                }
            },
            errorPlacement: function (error, element) {
                if (element.parent('.input-group').length) {
                    error.insertAfter(element.parent());
                }
                else if (element.prop('type') === 'radio' && element.parent('.radio-inline').length) {
                    error.insertAfter(element.parent().parent());
                }
                else if (element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
                    error.appendTo(element.parent().parent());
                }
                else {
                    error.insertAfter(element);
                }
            }

【问题讨论】:

  • 搜索带有jquery-validate... 和彻底read the documentation 标记的SO 问题可能不是一个坏主意。
  • 我在发帖之前总是先搜索一下,仅供参考。如果你发现同样的问题,请告诉我。谢谢。
  • 是的,我在找到四个相同的之后就停下来了……请参阅顶部的重复链接。此外,当您阅读文档时,您会看到an option called debug,它会在字段缺少name 属性时向您发出警告。
  • @Sparky 谢谢。我去看看。

标签: jquery twitter-bootstrap jquery-validate


【解决方案1】:

一个必需的输入也必须有一个name。没有名称就不会被浏览器提交,因此也不能是必需的

<input name="terms" type="checkbox" required>

【讨论】:

  • 它可以工作,但为什么它不像其他输入那样有红色?
  • 不知道.......如果这也是一个问题,请创建一个minimal reproducible example
  • 我想我必须在错误展示位置修改它。我想我只需要为错误类找到合适的父母。谢谢,
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-04-19
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多