FormValidation package

this is simple form validation package -- NOT FOR PRODUCTION USE --

Installation

using npm

npm i @alaa_moustafa/formvalidation

Usage

index.html

    <form>
      <label>Username</label>
      <input type="text" name="username" />
      <br />
      <label>Password</label>
      <input type="text" name="password" />
      <br />
      <button type="submit" id="submitForm">Submit</button>
    </form>

app.js

import { myFormValidation } from "./formValidation";

document.querySelector("#submitForm").addEventListener("click", (e) => {
  e.preventDefault();
  const myFrom = FormValidation([
    {
      name: "username",
      rules: [
        { name: "required", value: true, errMsg: "this input is required" },
        { name: "maxLength", value: 10, errMsg: "maxlength error" }
      ]
    },
    {
      name: "password",
      rules: [
        { name: "required", value: true, errMsg: "this input is required" },
        { name: "minLength", value: 5, errMsg: "minlength error" }
      ]
    }
  ]);
});

PARAMETERS

FormValidation([
  {
      name: "Input name that assigned to name property eg: username",
      rules: [
        { name: "required", value: true, errMsg: "this input is required" },
        { name: "maxLength", value: 10, errMsg: "maxlength error" },
        { name: "minLength", value: 3, errMsg: "minlength error" },
        { name: "pattern", value: /\$.js/, errMsg: "Pattern error" },

      ] // array of validation rules
    },
]);

// validation rule object 
{name: 'required | maxLength | minLength | pattern', value: "", errMsg: 'provided error msg'}