More updates

Removed eventsFilter in formValidation.
Removed unnecessary code from webpack.config.js.
Changed event from `change` to `keyup` for better experience.

Author: crsanti

samples/jquery/00 ShoppingForm/src/modules/app/app.js

@@ -50,16 +50,16 @@ class App {
 
   setEventHandlers() {
     $selBrands.change(this.onBrandSelect);
-    $txtNif.change(this.onFieldChange);
-    $txtDiscount.change(this.onFieldChange);
+    $txtNif.keyup(this.onFieldChange);
+    $txtDiscount.keyup(this.onFieldChange);
     $txtDiscount.on('input', this.onDiscountType);
     $formProducts.submit(this.onSubmit);
   }
 
   onBrandSelect(event) {
     this.onFieldChange(event);
     const product = Number(event.currentTarget.value) || null;
-    const isValidProduct = product !== null;
+    const isValidProduct = (product !== null);
     if (!isValidProduct) {
       $selProducts.val('');
     }
@@ -125,7 +125,7 @@ class App {
   onFieldChange(event) {
     const $field = $(event.currentTarget);
     productsFormValidation
-      .validateField(null, $field.attr('name'), $field.val(), { onChange: true })
+      .validateField(null, $field.attr('name'), $field.val())
       .then(validationResult => {
         this.toggleErrorMessage(validationResult, $field);
       })

samples/jquery/00 ShoppingForm/src/modules/app/validation/formProductValidationService.js

@@ -12,30 +12,25 @@ const validationConstraints = {
     product: [
       {
         validator: Validators.required,
-        eventsFilter: { onSubmit: true, onChange: true },
       },
     ],
     version: [
       {
         validator: Validators.required,
-        eventsFilter: { onSubmit: true, onChange: true },
       },
     ],
     discountCode: [
       {
         validator: Validators.pattern,
         customParams: { pattern: DISCOUNT_REGEXP },
-        eventsFilter: { onSubmit: true, onChange: true },
       }
     ],
     nif: [
       {
         validator: Validators.required,
-        eventsFilter: { onSubmit: true, onChange: true },
       },
       {
         validator: nifValidator,
-        eventsFilter: { onSubmit: true, onChange: true },
       }
     ]
   }

samples/jquery/00 ShoppingForm/webpack.config.js

@@ -7,20 +7,10 @@ var basePath = __dirname;
 
 module.exports = {
   context: path.join(basePath, "src"),
-  resolve: {
-    // .js is required for react imports.
-    // .tsx is for our app entry point.
-    // .ts is optional, in case you will be importing any regular ts files.
-    extensions: ['.js']
-  },
 
   entry: {
     app: './index.js',
-    styles: [
-      './css/site.css',
-    ],
     vendor: [
-      "bootstrap",
       "jquery",
       "core-js",
       "lc-form-validation",
@@ -74,7 +64,6 @@ module.exports = {
   plugins: [
     new webpack.optimize.CommonsChunkPlugin({
       name: 'vendor',
-      filaneme: 'vendor.js'
     }),
     //Generate index.html in /dist => https://github.com/ampedandwired/html-webpack-plugin
     new HtmlWebpackPlugin({
@@ -83,10 +72,5 @@ module.exports = {
     }),
     //Generate bundle.css => https://github.com/webpack/extract-text-webpack-plugin
     new ExtractTextPlugin('[name].css'),
-    //Expose jquery used by bootstrap
-    new webpack.ProvidePlugin({
-      $: "jquery",
-      jQuery: "jquery"
-    })
   ]
 }