【问题标题】:Validation Engine One by one error display验证引擎一一错误显示
【发布时间】:2012-05-09 13:55:11
【问题描述】:

我更喜欢 Jquery ValidationEngine 而不是 Bassistance 验证。 我的问题是

我们每行不使用一个输入,其中一些输入在同一行中,例如 First Name: [] Last Name: []

当错误弹出时,错误消息重叠并且看起来很丑。

我可以对验证引擎做些什么吗,它只显示最重要的错误,当错误被修复并且用户尝试提交表单时,另一个最重要的错误(如果存在)将在那里显示。

现实生活中的例子:- 例如,名字和姓氏都是必需的,并且两个字段都是空的姓氏字段,他输入姓氏“Ashraf”,然后表格就可以了。

我们能做到吗?

【问题讨论】:

    标签: jquery jquery-validation-engine


    【解决方案1】:

    尝试改变

    showOneMessage 是的

    【讨论】:

    • 两者的混合确实有效.. if ($('form.wpcf7-form').length) { $.validationEngine.defaults.scroll = true; $.validationEngine.defaults.autoHidePrompt = true; $.validationEngine.defaults.autoHideDelay = 5000; $.validationEngine.defaults.showArrow = true; $.validationEngine.defaults.autoPositionUpdate=真; $.validationEngine.defaults.maxErrorsPerField=真; $.validationEngine.defaults.showOneMessage=真; $('form.wpcf7-form').validationEngine();
    【解决方案2】:

    如果我们必须在每个字段字段一次显示一个错误,那么我们将使用

    maxErrorsPerField:1
    

    会是这样的

    $("#form_id").validationEngine('attach', { maxErrorsPerField:1});
    

    【讨论】:

      【解决方案3】:

      试试这个:

      <input value="" class="validate[required]" type="text" name="FirstName" id="fname">
      <input class="validate[condRequired[fname]]" type="text" name="LastName" id="lname">
      

      【讨论】:

        【解决方案4】:

        我相信您正在寻找的选项是:

        // 当您的表单字段太近并且错误消息位于其他令人不安的查看消息之上时使用 doNotShowAllErrosOnSubmit: false

        【讨论】:

          【解决方案5】:

          试试这个:

          showErrors: function(errorMap, errorList) {
              this.defaultShowErrors();
              $("#changepass label.error:visible").each(function(index,value){
                  if(index)
                      $(this).hide();
              });
          },
          onkeyup: false,
          onclick: false,
          onfocusout: false
          

          【讨论】:

            【解决方案6】:

            将 maxErrorsPerField 属性设置为 true

                $("#formid").vaidationEngine({ maxErrorsPerField:true});
            

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 2015-03-28
              • 1970-01-01
              • 2016-07-26
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2016-12-03
              相关资源
              最近更新 更多