@alexsab-ru/scripts 0.6.1 → 0.7.0

package/lib/form.js

@@ -22,17 +22,14 @@ export function maskphone(e) {
 
 
 export const phoneChecker = (phone) => {
-	let form = phone.closest("form"),
-		btn = form.querySelector('[type="submit"]');
+	let form = phone.closest("form");
 	if (!phone.value.length) {
 		showErrorMes(form, ".phone", "Телефон является обязательным полем");
-		stateBtn(btn, "Отправить");
 		return false;
 	} else {
 		const phoneRe = new RegExp(/^\+7 [0-9]{3} [0-9]{3}-[0-9]{2}-[0-9]{2}$/);
 		if (!phoneRe.test(phone.value) || noValidPhone(phone.value)) {
 			showErrorMes(form, ".phone", "Введен некорректный номер телефона");
-			stateBtn(btn, "Отправить");
 			return false;
 		}
 	}
@@ -121,6 +118,7 @@ const showMessageModal = (messageModal, icon, message) => {
 const propsParams = {
 	callback: null, 
 	callback_error: null, 
+	validation: null,
 	ct_routeKey: '', 
 	confirmModalText: '',
 	verbose: false,
@@ -131,7 +129,7 @@ export const connectForms = (url, props = propsParams) => {
 
 async function submitForm(form){
 	const btn = form.querySelector('[type="submit"]');
-	stateBtn(btn, "Отправляем...", true);
+	const btnText = btn.value || btn.innerText;
 	const agree = form.querySelector('[name="agree"]');
 	const phone = form.querySelector('[name="phone"]');
 	const errorIcon =
@@ -147,13 +145,18 @@ async function submitForm(form){
 		return;
 	}
 
+	if (props.validation && typeof props.validation === 'function') {
+		props.validation(form);
+	}
+
 	// если флажок не установлен - фронт
 	if (!agree.checked) {
 		showErrorMes(form, ".agree", "Чтобы продолжить, установите флажок");
-		stateBtn(btn, "Отправить");
 		return;
 	}
 
+	stateBtn(btn, "Отправляем...", true);
+
 	// Отпрвка цели что форма submit только после всех проверок
 	reachGoal("form_submit");
 
@@ -222,7 +225,7 @@ async function submitForm(form){
 		.then((res) => res.json())
 		.then((data) => {
 			props.verbose && console.log(data);
-			stateBtn(btn, "Отправить");
+			stateBtn(btn, btnText);
 			if (data.answer == "required") {
 				reachGoal("form_required");
 				showErrorMes(form, data.field, data.message);
@@ -232,7 +235,7 @@ async function submitForm(form){
 
 				// Вызов callback_error при ошибке
 				if (props.callback_error && typeof props.callback_error === 'function') {
-					props.callback_error();
+					props.callback_error(data);
 				} else if (messageModal) {
 					showMessageModal(messageModal, errorIcon, errorText + "<br>" + data.error);
 				}
@@ -242,7 +245,7 @@ async function submitForm(form){
 				setCookie('SEND_MAIL', true, {'domain': window.location.hostname,'path':'/','expires':600});								
 				// Вызов callback при успехе
 				if (props.callback && typeof props.callback === 'function') {
-					props.callback();
+					props.callback(data);
 				} else if (messageModal) {
 					showMessageModal(messageModal, successIcon, successText);
 				}
@@ -255,11 +258,11 @@ async function submitForm(form){
 			deleteCookie('SEND_MAIL');
 			// Вызов callback_error при ошибке
 			if (props.callback_error && typeof props.callback_error === 'function') {
-				props.callback_error();
+				props.callback_error(data);
 			} else if (messageModal) {
 				showMessageModal(messageModal, errorIcon, errorText + "<br>" + error);
 			}
-			stateBtn(btn, "Отправить");
+			stateBtn(btn, btnText);
 		});
 	return false;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexsab-ru/scripts",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "description": "common libs for websites",
   "main": "index.js",
   "scripts": {