Check registration form module

Installation

~$npm i check-form-reg

Using

EXAMPLE HTML:

<form>
    <label for="email">Email</label><br>
    <div id="emailError"></div>
    <input id="email" type="email" title="input email" autocomplete="email">
    <br>
    <label id="passwordError" for="password">Password</label><br>
    <input id="password" type="password" title="input password" autocomplete="new-password">
    <br>
    <label for="password2">Repeat password</label><br>
    <div id="password2Error"></div>
    <input id="password2" type="password" title="repeat password" autocomplete="new-password">
    <br><br>
    <label for="checkbox">Checkbox label</label>
    <div id="checkboxError"></div>
    <input id="checkbox" type="checkbox" title="I accept the conditions">
    <br><br>
    <div id="buttonError"></div>
    <button id="button" type="button" title="send">Send</button>
</form>

SETTINGS JS:

function CheckRegister() {}
let check = new CheckRegister();

/**
 * Require variables
 * Your elements
 * @type {Element}
 */
    //For login
check.email = document.querySelector('#email');
check.emailError = document.querySelector('#emailError');
check.password = document.querySelector('#password');
check.passwordError = document.querySelector('#passwordError');
check.button = document.querySelector('#button');
check.buttonError = document.querySelector('#buttonError');
check.minPasswordLength = 6;
check.callbackSend = function(email, password1, password2){ //For example
    console.log(email);
    console.log(password1);
    console.log(password2);
};
    //For register
check.password2 = document.querySelector('#password2');
check.password2Error = document.querySelector('#password2Error');

/**
 * Optional variables
 * Your messages
 */
check.checkbox = document.querySelector('#checkbox');
check.checkboxError = document.querySelector('#checkboxError');
check.checkboxMessage = "Custom checkbox is required message";
check.passwordLengthMessage = 'Custom length password message';
check.emailError.message = 'Custom error email message';
check.emailError.messageIfEmpty = 'Custom empty email message';
check.passwordErrorMessage = 'Custom error password message';
check.passwordErrorMessageIfEmpty = 'Custom empty password message';
check.passwordsUnmatchMessage = 'Custom passwords no match message';
check.colorErrorMesages = "red";
/**
* include and call
*/
let form = require('check-form-reg');
form(check);

The data is checked twice. But, it is recommended to check them on the server as well.