# als-validate

> Validat form:email,password,confirm password,captcha

Latest version **0.7.3** (published 2022-11-23) · ISC license · 0 weekly downloads

## Install

```sh
npm install als-validate
pnpm add als-validate
yarn add als-validate
bun add als-validate
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.7.3 |
| Published | 2022-11-23 |
| First published | 2022-04-29 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 11 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | alexsorkin |
| Keywords | validate, captcha |

## Links

- npm: https://www.npmjs.com/package/als-validate
- npm.io page: https://npm.io/package/als-validate

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 0.7.3 (latest) — 2022-11-23
- 0.7.2 — 2022-11-10
- 0.7.11 — 2022-08-24
- 0.7.1 — 2022-07-25
- 0.7.0 — 2022-07-19
- 0.6.0 — 2022-05-29
- 0.55.0 — 2022-05-08
- 0.5.0 — 2022-05-07
- 0.4.2 — 2022-05-07
- 0.4.1 — 2022-05-07
- 0.4.0 — 2022-05-07
- 0.3.1 — 2022-05-07
- 0.3.0 — 2022-05-07
- 0.2.0 — 2022-05-05
- 0.1.0 — 2022-04-29

## README

# als-Validate

**new in 0.7.3**
   * bug for counting uppers, specials, lowers fixed

**new in 0.7.2**
   * bug for upper, special, lower fixed

**new in 0.7.11**
   * ``min`` and ``max`` attributes for length validate if ``type!="number"``

**new in 0.7**
   * No need to add attribute ``email``, just use ``type="email"``
   * ``min`` and ``max`` attributes for length validate only at ``type="text"``
   * custom ``validate="invalid|valid"`` to each input (see example for checkbox)

**new in 0.6**
   * Fixed issue with multiple forms and showing password

**new in 0.5**
   * Disable Autocomplete option not available (didn't work properly and caused some problems)

**new in 0.55**
   * Checkbox validation for required added

**new in 0.4**
   * show password - only by attribute show="true/false"
   * password confirmation by adding attribute confirm="id_for_confirm"


Available attributes:
* validate="is-invalid|is-valid"
* error="element-id-for-errors"
* type="email"
* show="true/false" 
* min="minimum characters"
* max="maximum characters"
* upper="minumum appercases"
* lower="minumum lowercases"
* number="minumum numbers"
* special="minumum specisa"
* confirm="input_id_for_confirm"
* required
* type="captcha"


```html
<script src="node_modules/als-validator/validate.js"></script>
<script> 
   Validate.forms() // looking for forms and read their attributes
</script>


<form validate="is-invalid|is-valid">
   <div>Email:</div>
   <div><input type="email" name="email" error="email-error" required></div>
   <div><small id="email-error">Write valid email</small></div>

   <br>
   <div>Password:</div>
   <div style="display:flex;">
      <input type="password" name="password" error="password-error" id="password"
      min="8" max="10" upper="0" lower="0" number="0" special="0" show="false" required>
   </div>
   <div><small id="password-error">Type password</small></div>

   <br>
   <div>Confirm Password:</div>
   <div style="display:flex;"><input type="password"  error="repassword-error" 
      name="repassword" required confirm="password" show="false"></div>
   <div><small id="repassword-error">Confirm password</small></div>

   <br>
   <div>Accept policy:</div>
   <label>
      <input type="checkbox" error="policy-error" 
      validate="btn-danger|btn-success" name="policy" required>
      <div>Accept policy</div>
   </label>
   <div><small id="policy-error">Accept policy</small></div>
   
   <br>
   <div>Solve the equation:</div>
   <div><input type="captcha" id='text' error="captcha-error"></div>
   <div><small id="captcha-error"></small></div>

   <div>
      <button type="submit" class="btn btn-primary" id="submit">Register</button>
   </div>
</form>
```

---
_Source: https://npm.io/package/als-validate · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._