require(['html-form-validation'], function (Validator) {});

var Validator = require('html-form-validation');

import Validator from 'html-form-validation';

/**
 * First param. Form to validate.
 *
 * @type {jQuery|HTMLElement|String}
 */
var form = $('form');

/**
 * Second param. Function performed after validation (if the form is valid).
 * Should return options for ajax request performed after.
 *
 * @type {Function|Object}
 * @return {Object} options for ajax request
 */
var onSuccess = function (context) {
  //this code runs before ajax request
  var data = getDataFunc();

  return {
    url: 'ajax/example.json',
    method: 'get',
    data: data,
    success: function () {
      console.log('ajax success callback');
    }
  }
};

/**
 * Third param. User-specified options. Unnecessary.
 *
 * @type {Object}
 */
var options = {
  // If the form is situated in bootstrap's modal (e.g. login form),
  // incorrect state will be removed from fields when modal is closed.
  // DEFAULT: false
  modal: false,
  // Form fields selector.
  // When changing this, you should also change CSS styles.
  // DEFAULT: '.form-input'.
  fieldsSelector: '.form-input',
  // Remove fields incorrect state, when clicked outside the form.
  // DEFAULT: false.
  removeOnFocusOut: false,
  // Perform AJAX request with specified options (if the form is valid).
  // DEFAULT: true.
  ajax: true,
  // Language support. (en/ru)
  // DEFAULT: 'en'
  lang: 'en'
};

/** Initialize Validator */
new Validator(form, onSuccess, options);

/** Or initialize with jQuery */
form.validator(onSuccess, options);

const onSuccess = context => {
  // function should return Promise
  return new Promise((resolve, reject) => {
    // perform async actions. main ajax request will be performed when promise resolve
    $.ajax({
      url: 'path/to/async/action',
      method: 'get',
      // remember, function must return options for AJAX request
      success: data => resolve({
        url: 'path/to/main/ajax',
        method: 'post',
        data,
        success: res => console.log(res)
      }),
      error: xhr => reject(xhr)
    });
  })
};