首页 > 前端页面Form验证用什么方便?Parsley.js能不能自定义错误显示位置?

前端页面Form验证用什么方便?Parsley.js能不能自定义错误显示位置?

Github 上面有两款还不错,一款是 Parsley.js,另一款是 jQuery.validation

jQuery.validation 不能直接这是 Attr 只能设置在脚本中,很蛋疼,但是它能自定义显示错误信息位置。

Parsley.js 我刚刚用,API不是太了解。方便的是提供了很多自定义属性,但是好像不能自定义显示错误位置?很蛋疼。


http://parsleyjs.org/doc/index.html#ui-for-form

data-parsley-errors-container="#element"

配置里写的这条。看名字就知道是什么意思了吧。


看了半天发现有个配置信息的JS文件:defaults.js,发现 errorsContainererrorsWrappererrorTemplate。字面意思是,有个父级、有个list、list里面放各种错误信息,这只是针对一个 field 的有必要么?

我下面的改法比较狗血。不知道有没有更好的。

javascriptvar parsleyForm = $('.jx-form').parsley({
  errorsContainer: function (parsleyField) {
    return parsleyField.$element.parent();
  },
  errorsWrapper: '<div></div>',
  errorTemplate: '<div class="note note-error"></div>'
});
【热门文章】
【热门文章】