nickmaev / nval-tippy

JavaScript validator with awesome tooltips

Description

NVal-Tippy is a wrapper for NVal and Tippy.js plugins that allows you to display validation errors in tooltips.

Installation

NPM

npm install nval-tippy

CDN

<script src="https://unpkg.com/[email protected]/dist/browser/nval.min.js"></script>
<script src="https://unpkg.com/popper.js@1"></script>
<script src="https://unpkg.com/tippy.js@4"></script>
<script src="https://unpkg.com/[email protected]/dist/browser/nval-tippy.min.js"></script>

Usage

Declare

NPM version

Import:

import { NValTippy } from "nval-tippy";

Then:

// Pass the form element as an argument.
var validator = new NValTippy(document.getElementById("myForm"));

---

CDN version

// Pass the form element as an argument.
var validator = new NValTippy.NValTippy(document.getElementById("myForm"));

Run

validator.isValid(); // Returns boolean.

Configuration

Validation

NValTippy object extends NVal. To configure validation use the official documentation for it.

Tooltips

Tooltip options are available by the public property tippyOptions. To configure tooltips use the official documentation for Tippy.js.

nval-tippy's Issues

Linux support

I am trying to use NVal-Tippy in a Linux environment however the following issue is currently preventing that.

in index.ts you have
export { NValTippy } from "./src/nvalTippy";

however the src/nvalTippy file is actually

./src/nvaltippy.ts

linux is case sensitive, this should work on windows, but fails on linux with the following:

ERROR in ./node_modules/nval-tippy/dist/cjs/index.js Module not found: Error: Can't resolve './src/nvalTippy' in '/src/node_modules/nval-tippy/dist/cjs' @ ./node_modules/nval-tippy/dist/cjs/index.js 3:18-44

Could you please fix these lower-case / upper-case inconsistencies?