首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >自定义验证的返回值为true区,但不显示错误样式和消息。

自定义验证的返回值为true区,但不显示错误样式和消息。
EN

Stack Overflow用户
提问于 2016-06-03 19:21:36
回答 1查看 420关注 0票数 0

感谢任何帮助!

  1. 插件页面:http://1000hz.github.io/bootstrap-validator/
  2. 当提交表单未验证,但自定义验证返回正确时(打开控制台查看正在发生的情况)
  3. 选中时,一些选项正在验证,但是多余的(2条错误消息)

HTML

代码语言:javascript
运行
复制
<div class="col-md-4">
  <form>
    <div class="form-group has-feedback">
      <select id="variationType[]" name="variationType[]" class="multiple-select form-control" data-minselected="1" data-placeholder="Select one or more options" multiple required>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="4">Option 3</option>
        <option value="8">Option 4</option>
      </select>
      <small class="help-block with-errors"></small>
      <span class="form-control-feedback" aria-hidden="true"></span>
    </div>

    <button class="btn btn-primary btn-block">Valid</button>
  </form>
</div>

JS

代码语言:javascript
运行
复制
$('.multiple-select').multiselect({
  buttonContainer: '<div class="multiselect-group"></div>',
  buttonClass: 'form-control',
  nonSelectedText: !$(this).attr('data-placeholder') ? 'Selecionar' : $(this).attr('data-placeholder'),
  numberDisplayed: 1
});

$.fn.validator.Constructor.INPUT_SELECTOR = ':input:not([type="submit"], button):enabled';
$('form').validator({
  delay: 200,
  focus: false,
  feedback: {
    success: 'glyphicon glyphicon-ok-sign',
    error: 'glyphicon glyphicon-exclamation-sign'
  },
  custom: {
    minselected: function($el) {
            console.log(!!$.trim($el.val()));
      return !!$.trim($el.val());
    }
  },
  errors: {
    minselected: "Select one or more options"
  }
});

小提琴例子:https://jsfiddle.net/9ts4nvhw/4/

非常感谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-02-09 05:19:32

这可能是最新的验证程序代码中的新语法(我使用的是验证器v0.11.9)。

自定义验证器应该返回的是错误消息,而不是字段是否有效(true/false)。不再需要错误对象(尽管我想您可以包括它-似乎没有什么区别)。

例如:

代码语言:javascript
运行
复制
$('form').validator({
    delay: 200,
    focus: false,
    feedback: {
        success: 'glyphicon glyphicon-ok-sign',
        error: 'glyphicon glyphicon-exclamation-sign'
    },
    custom: {
        minselected: function($el) {
              console.log(!!$.trim($el.val()));
              return !!$.trim($el.val()) && "Select one or more options";
        }
    }
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37621954

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档