| Server IP : 74.208.127.88 / Your IP : 3.12.102.204 Web Server : Apache/2.4.41 (Ubuntu) System : Linux ubuntu 5.4.0-163-generic #180-Ubuntu SMP Tue Sep 5 13:21:23 UTC 2023 x86_64 User : www-data ( 33) PHP Version : 7.4.3-4ubuntu2.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/html/t/sae/js/ |
Upload File : |
const formulario = document.getElementById('formulario');
const inputs = document.querySelectorAll('#formulario input');
const expresiones = {
usuario: /^[a-zA-Z0-9\_\-]{4,11}$/, // Letras, numeros, guion y guion_bajo
nombre: /^[a-zA-ZÀ-ÿ\s]{5,50}$/, // Letras y espacios, pueden llevar acentos.
password: /^\d{1,12}$/, // 4 a 12 digitos.
telefono: /^\d{1,14}$/, // 7 a 14 numeros.
price_out: /^\d{1,14}$/ // 7 a 14 numeros.
}
const campos = {
usuario: false,
nombre: false,
password: false,
telefono: false,
price_out: false
}
const validarFormulario = (e) => {
switch (e.target.name) {
case "usuario":
validarCampo(expresiones.usuario, e.target, 'usuario');
break;
case "nombre":
validarCampo(expresiones.nombre, e.target, 'nombre');
break;
case "password":
validarCampo(expresiones.password, e.target, 'password');
validarPassword2();
break;
case "password2":
validarPassword2();
break;
case "telefono":
validarCampo(expresiones.telefono, e.target, 'telefono');
break;
case "price_out":
validarCampo(expresiones.price_out, e.target, 'price_out');
break;
}
}
const validarCampo = (expresion, input, campo) => {
if(expresion.test(input.value)){
document.getElementById(`grupo__${campo}`).classList.remove('formulario__grupo-incorrecto');
document.getElementById(`grupo__${campo}`).classList.add('formulario__grupo-correcto');
document.querySelector(`#grupo__${campo} i`).classList.add('fa-check-circle');
document.querySelector(`#grupo__${campo} i`).classList.remove('fa-times-circle');
document.querySelector(`#grupo__${campo} .formulario__input-error`).classList.remove('formulario__input-error-activo');
campos[campo] = true;
} else {
document.getElementById(`grupo__${campo}`).classList.add('formulario__grupo-incorrecto');
document.getElementById(`grupo__${campo}`).classList.remove('formulario__grupo-correcto');
document.querySelector(`#grupo__${campo} i`).classList.add('fa-times-circle');
document.querySelector(`#grupo__${campo} i`).classList.remove('fa-check-circle');
document.querySelector(`#grupo__${campo} .formulario__input-error`).classList.add('formulario__input-error-activo');
campos[campo] = false;
}
}
const validarPassword2 = () => {
const inputPassword1 = document.getElementById('password');
const inputPassword2 = document.getElementById('password2');
if(inputPassword1.value !== inputPassword2.value){
document.getElementById(`grupo__password2`).classList.add('formulario__grupo-incorrecto');
document.getElementById(`grupo__password2`).classList.remove('formulario__grupo-correcto');
document.querySelector(`#grupo__password2 i`).classList.add('fa-times-circle');
document.querySelector(`#grupo__password2 i`).classList.remove('fa-check-circle');
document.querySelector(`#grupo__password2 .formulario__input-error`).classList.add('formulario__input-error-activo');
campos['password'] = false;
} else {
document.getElementById(`grupo__password2`).classList.remove('formulario__grupo-incorrecto');
document.getElementById(`grupo__password2`).classList.add('formulario__grupo-correcto');
document.querySelector(`#grupo__password2 i`).classList.remove('fa-times-circle');
document.querySelector(`#grupo__password2 i`).classList.add('fa-check-circle');
document.querySelector(`#grupo__password2 .formulario__input-error`).classList.remove('formulario__input-error-activo');
campos['password'] = true;
}
}
inputs.forEach((input) => {
input.addEventListener('keyup', validarFormulario);
input.addEventListener('blur', validarFormulario);
});
$(document).ready(function(){
//VERIICAR NOMBRE Y CODIGO DE BARRAS
$("#usuario").blur(function(){
var codebar = $("#usuario").val();
var nombre = $("#nombre").val();
temptabel2(codebar,nombre);
});
//VERIICAR precio mayor a 0
$("#price_out").blur(function(){
var price_out = $("#price_out").val();
if(price_out > 0){
set_focus("#price_out");
$("#formulario__btn").prop('disabled', false);
}else{
$.notify({
message: "Precio debe ser mayor a $0 "
},{
type: 'danger',
delay: 5000,
});
document.getElementById(`grupo__price_out`).classList.add('formulario__grupo-incorrecto');
document.getElementById(`grupo__price_out`).classList.remove('formulario__grupo-correcto');
document.querySelector(`#grupo__price_out i`).classList.add('fa-times-circle');
document.querySelector(`#grupo__price_out i`).classList.remove('fa-check-circle');
document.querySelector(`#grupo__price_out .formulario__input-error`).classList.add('formulario__input-error-activo');
campos['price_out'] = false;
$("#formulario__btn").prop('disabled', true);
set_focus("#price_out");
}
});
});
function temptabel(codebar,nombre){
var value = {
codebar: codebar,
nombre: nombre,
};
$.ajax(
{
url : "./?action=validProduct",
type: "POST",
data : value,
success: function(response)
{
var jsonData = JSON.parse(response);
if (jsonData.barcode === codebar) {
$.notify({
message: " Codigo Existe"
},{
type: 'danger',
delay: 1000,
});
document.getElementById(`grupo__usuario`).classList.add('formulario__grupo-incorrecto');
document.getElementById(`grupo__usuario`).classList.remove('formulario__grupo-correcto');
document.querySelector(`#grupo__usuario i`).classList.add('fa-times-circle');
document.querySelector(`#grupo__usuario i`).classList.remove('fa-check-circle');
document.querySelector(`#grupo__usuario .formulario__input-error2`).classList.add('formulario__input-error-activo');
campos['usuario'] = false;
$("#formulario__btn").prop('disabled', true);
set_focus("#usuario");
return;
}else{
var codigo = $("#usuario").val();
if(codigo == '' || codigo == null)
{
$.notify({
message: " Ingrese Valores a Codigo de Barras: "
},{
type: 'danger',
delay: 5000,
});
set_focus("#usuario");
}else{
$.notify({
message: " Verificado: " + jsonData.barcode
},{
type: 'info',
delay: 1000,
});
document.getElementById(`grupo__usuario`).classList.remove('formulario__grupo-incorrecto');
document.getElementById(`grupo__usuario`).classList.add('formulario__grupo-correcto');
document.querySelector(`#grupo__usuario i`).classList.remove('fa-times-circle');
document.querySelector(`#grupo__usuario i`).classList.add('fa-check-circle');
document.querySelector(`#grupo__usuario .formulario__input-error2`).classList.remove('formulario__input-error-activo');
campos['usuario'] = true;
$("#formulario__btn").prop('disabled', false);
}
}
},
error: function(jqXHR, textStatus, errorThrown)
{
$.notify({
message: "Error Producto/Tabla"
},{
type: 'danger',
delay: 1000,
});
}
});
}
formulario.addEventListener('submit', (e) => {
e.preventDefault();
const terminos = document.getElementById('terminos');
if(campos.usuario && campos.nombre && campos.password && campos.telefono && terminos.checked ){
temptabel(campos.usuario,campos.nombre);
} else {
document.getElementById('formulario__mensaje').classList.add('formulario__mensaje-activo');
}
});
function temptabel(codebar,nombre){
var value = {
codebar: codebar,
nombre: nombre,
};
$.ajax(
{
url : "./?action=addproduct",
type: "POST",
data : value,
success: function(response)
{
var jsonData = JSON.parse(response);
if (jsonData.estado == 'ok') {
$.notify({
message: " Registro correcto, verifique!!!"
},{
type: 'info',
delay: 1000,
});
document.getElementById('formulario__mensaje-exito').classList.add('formulario__mensaje-exito-activo');
setTimeout(() => {
document.getElementById('formulario__mensaje-exito').classList.remove('formulario__mensaje-exito-activo');
}, 5000);
document.querySelectorAll('.formulario__grupo-correcto').forEach((icono) => {
icono.classList.remove('formulario__grupo-correcto');
});
formulario.reset();
set_focus("#usuario");
}else{
var codigo = $("#usuario").val();
if(codigo == '' || codigo == null)
{
$.notify({
message: " Error al Guardar Registro "
},{
type: 'danger',
delay: 5000,
});
set_focus("#usuario");
}else{
$.notify({
message: " Verificado: " + jsonData.barcode
},{
type: 'info',
delay: 1000,
});
}
}
},
error: function(jqXHR, textStatus, errorThrown)
{
$.notify({
message: "Error Producto/Tabla"
},{
type: 'danger',
delay: 1000,
});
}
});
}
function temptabel2(codebar,nombre){
var value = {
codebar: codebar,
nombre: nombre,
};
$.ajax(
{
url : "./?action=validProduct",
type: "POST",
data : value,
success: function(response)
{
var jsonData = JSON.parse(response);
if (jsonData.barcode === codebar) {
$.notify({
message: " Codigo Existe"
},{
type: 'danger',
delay: 1000,
});
document.getElementById(`grupo__usuario`).classList.add('formulario__grupo-incorrecto');
document.getElementById(`grupo__usuario`).classList.remove('formulario__grupo-correcto');
document.querySelector(`#grupo__usuario i`).classList.add('fa-times-circle');
document.querySelector(`#grupo__usuario i`).classList.remove('fa-check-circle');
document.querySelector(`#grupo__usuario .formulario__input-error2`).classList.add('formulario__input-error-activo');
campos['usuario'] = false;
$("#formulario__btn").prop('disabled', true);
set_focus("#usuario");
return;
}else{
var codigo = $("#usuario").val();
if(codigo == '' || codigo == null)
{
$.notify({
message: " Ingrese Valores a Codigo de Barras: "
},{
type: 'danger',
delay: 5000,
});
set_focus("#usuario");
}else{
$.notify({
message: " Verificado: " + jsonData.barcode
},{
type: 'info',
delay: 1000,
});
document.getElementById(`grupo__usuario`).classList.remove('formulario__grupo-incorrecto');
document.getElementById(`grupo__usuario`).classList.add('formulario__grupo-correcto');
document.querySelector(`#grupo__usuario i`).classList.remove('fa-times-circle');
document.querySelector(`#grupo__usuario i`).classList.add('fa-check-circle');
document.querySelector(`#grupo__usuario .formulario__input-error2`).classList.remove('formulario__input-error-activo');
campos['usuario'] = true;
$("#formulario__btn").prop('disabled', false);
}
}
},
error: function(jqXHR, textStatus, errorThrown)
{
$.notify({
message: "Error Producto/Tabla"
},{
type: 'danger',
delay: 1000,
});
}
});
}