如何使用 nodejs 进行解析设置？

Question

几天来我一直在处理表单验证。我正在尝试验证多步骤表单。

我正在使用 Nodejs、ES6、Express、PUG。我很难找到有用的东西。我认为欧芹会为我做这件事，但我无法让它与 NodeJS 一起工作。

对于我的 .js 文件中的代码（其中 risk-calc 是我表单的 ID）：

$('.form-navigation .next').click(function() {
  if ($('#risk-calc').parsley().validate({group: 'block-' + curIndex()}))
    navigateTo(curIndex() + 1);

我的控制台错误是“$(...).parsley 不是函数。”

我已经通过 NPM parselyjs 和 jquery 安装了。

编辑。

正在尝试使用webpack添加全局变量。

仍然有问题，但看起来如何？

plugins: [
    new ExtractTextPlugin('style.css'),
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
      parsley: 'parsleyjs/dist/parsley.js'
    }),

Answer 1

在包含 jquery 代码之后，您需要包含解析 javascript 代码。然后将扩展 jquery 对象以具有 parsely 方法。

如果您通过 npm 导入了两者，那么您需要在主入口文件顶部为您导入 parsleyjs 模块，然后再捆绑它 javascript。我建议使用 webpack 进行捆绑。

import 'parsleyjs'

通常 jQuery 可以通过 webpack 提供的插件全局添加到您的项目文件中。

参见：https://webpack.js.org/plugins/provide-plugin/

new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery'
})

如何使用 nodejs 进行解析设置？

How do I set up parsely with nodejs?

node.js

validation

parsley

multi-step