jQuery验证上的不同错误消息

法师

我正在使用jQuery验证插件。

我有一个必需的url输入,当它为空时,返回错误“此字段是必需的。”。

我想要的是当此输入的值将为“ home”时,将错误更改为“已经有一个主页”。但是仅当在输入字段中键入“ home”时。

这是我的jQuery代码:

$("#edit_pages_form").validate({
    errorClass: "has-error",
    validClass: "has-success",
    highlight: function(element, errorClass, validClass) {
        $(element).closest("div")
            .addClass(errorClass)
            .removeClass(validClass);
    },
    unhighlight: function(element, errorClass, validClass) {
        $(element).closest("div")
            .removeClass(errorClass)
            .addClass(validClass);
    }
});

您可能会注意到,我突出显示了输入字段,如果为空,则添加has-error类,如果不为空,则添加has-success类。

我想要的是当输入“ home”作为值时,该类要添加错误。

提前致谢

您可以创建自定义验证方法:

<form class="cmxform" id="edit_pages_form" method="get" action="">
  <fieldset>
    <p>
      <label for="cname">Name</label>
      <input id="name" name="name" type="text" required>
    </p>
    <p>
      <input class="submit" type="submit" value="Submit">
    </p>
  </fieldset>
</form>

$(document).ready(function() {

  jQuery.validator.addMethod("isHome", function(value, element) {
    if (value.length == 4) {
      return (value != "home");
    }
    return true;
  }, "There is already a homepage");

  $("#edit_pages_form").validate({
    rules: {
      name: {
        isHome: true
      }
    },
    errorClass: "has-error",
    validClass: "has-success",
    highlight: function(element, errorClass, validClass) {
      $(element).closest("div")
        .addClass(errorClass)
        .removeClass(validClass);
    },
    unhighlight: function(element, errorClass, validClass) {
      $(element).closest("div")
        .removeClass(errorClass)
        .addClass(validClass);
    }
  });


});

演示:http//jsfiddle.net/qtgahxss/1/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Ruby on Rails在控制器上获取验证错误消息

来自分类Dev

在错误验证消息上获取组件ID

来自分类Dev

jQuery验证错误消息放置

来自分类Dev

选择值后删除jquery验证错误消息

来自分类Dev

Java-如何使用不同的错误消息设置验证

来自分类Dev

jQuery验证远程错误消息

来自分类Dev

jQuery验证错误消息未隐藏,为什么

来自分类Dev

验证错误消息值

来自分类Dev

jQuery验证-在错误消息中显示字段名称

来自分类Dev

jQuery验证自定义错误消息的位置

来自分类Dev

如何为验证消息使用不同的错误代码?

来自分类Dev

jQuery验证,如何将错误消息挂接到div

来自分类Dev

使用jQuery验证在错误消息中显示输入值

来自分类Dev

使用jQuery验证针对两个不同规则验证单个文本框会跳过第二条错误消息

来自分类Dev

jQuery验证与动态错误消息

来自分类Dev

如何控制jQuery验证错误消息

来自分类Dev

使用Jquery验证数据注释,不显示错误消息

来自分类Dev

jQuery验证错误消息到位

来自分类Dev

选择值后删除jquery验证错误消息

来自分类Dev

jQuery验证插件错误消息布局

来自分类Dev

jQuery验证IE上的错误:[Object object]

来自分类Dev

验证错误消息值

来自分类Dev

jQuery在输入下验证发布错误消息

来自分类Dev

使用jQuery验证针对两个不同规则验证单个文本框会跳过第二条错误消息

来自分类Dev

jQuery验证错误消息的错误类与输入字段的关系

来自分类Dev

jQuery表单验证中的错误消息

来自分类Dev

jQuery 验证,基于输入类型的不同错误消息

来自分类Dev

Laravel 上的 jquery 文件上传验证错误

来自分类Dev

Laravel 中相同验证关键字的不同错误消息

Related 相关文章

热门标签

归档