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导入，则需要在绑定之前在Java的主条目文件顶部导入parsleyjs模块。我建议使用webpack进行捆绑。

import 'parsleyjs'

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

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

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

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

1 个答案: