Pero, entiendo tu pregunta.
La respuesta.... USANDO AJAX
Claro, suponiendo que estás trabajando directamente con archivos de php, ya debes tener tu conexión a bases de datos y el archivo que debe recibir dichos datos para guardarlos.
Comencemos...
Para empezar,
comencemos por averiguar como se identifica el botón con el que haces la acción, trataré de hacer un ejemplo sencillo.
<form id="EjemploFormulario" name="EjemploFormulario">
<input type="text" id="id" name="id" value="" >
<input type="text" class="form-control" name="nombre" id="nombre">
<input type="submit" id="EnviarDatos" value="Enviar">
</form>
Ahora analicemos la información.
Tenemos dos campos: "id" & "nombre".
El boton "EnviarDatos" es el que activa el envío de datos.
Pasemos a JavaScript:
$(document).ready(function(){
//Le decimos al sistema que debe estar completamente cargado para proceder
//y le decimos que al hace click sobre el botón "EnviarDatos" evite la recarga automatica
$("#EnviarDatos").click(funciton(e){
e.preventDefault();//Esta linea evita que se haga el reload de la página
//Extraemos los datos de nuestro formulario
$Datos = $("#EjemploFormulario").serialize();
//o bien puedes llamarlo así
var Datos = $("#EjemploFormulario").serialize();
//La forma en la que decidas llamar los elementos es valida a partir de getElementById() o $("#id_del_elemento") o $(".clase_del_elemento")
// y a continuación viene la validación de cada input, lo haré de la siguiente manera
var id= document.getElementById('id');
var name = document.getElementById('nombre');
// toma en cuenta que cuando usas "const" es cuando es una variable universal y "var" para una variable de funcion.
//Ahora validamos con los condicionales
if(id == null){
//Si el campo está vacío debe mandar una alerta o hacer alguna función que te avise sobre esto
}else{
//De lo contrario procede al siguiente punto.
if(name == null){
//Si el campo está vacío debe mandar una alerta o hacer alguna función que te avise sobre esto
}else{
//de lo contrario ya puede validar el envío de datos.
$.ajax({
url:'./GuardarDatos.php',//esta es la direccion de tu archivo que recibe los datos
data:$Datos,//bien podría ser solo "Datos" pues es la otra variable que se puede declarar y te mostré arriba.
type: 'post',//tambien podría ser de tipo 'get', pero esto aplica para cuando mandas elementos por separado y se declararia así-> { id : id , name : name}
//Si deseas recibir un texto que se genera desde el backend de php puedes usar lo siguiente
dataType:'json',//solo si realmente recibes algun mensaje se ocupa
encode:true,//solo si realmente recibes algun mensaje se ocupa
//Ahora tenemos 3 funciones de ajax.
beforeSend: function () {
//Aquí puedes hacer cualquier cosa mientras se envían los datos
}, error: function () {
//Aquí puedes poner una alerta por si no está funcionando la conexión
}, success: function () { //success: function (mensajes) <--- esa opción es cuando el archivo al que le mandamos información nos regresa alguna clase de mensaje
//Aquí puedes hacer alguna función o mensaje si se realiza la petición y se recibe una respuesta
}
})
}
}
})
})
Ahora bien tu archivo de php sería algo como esto:
<?php
include('miConexion.php');//Sólo si tienes un archivo que hace la conexión de lo contrario
$conexion="";// Aquí iría tu conexión a la base de datos
//y recibimos los datos
$id = $_POST['id'];
$nombre = $_POST['nombre'];
//Recuerda que esos son los atributos name="" que le diste a tus inputs en el formulario
//y si mandaste por separado los elementos y por metodo 'get' sería así.
$id = $_GET['id'];
$nombre = $_GET['name']; //recuerda que se le dió otro nombre a la variable en la JQuery en el ejemplo de 'get'
// a partir de aquí haces tus procedimientos de guardado, eliminado o lo que vayas a hacer
// y finalmente si devuelves algun mensaje sería así
$mensaje="Texto que se regresa";
echo json_encode($mensaje);
// si sonn varios mensajes
$mensaje1="Texto que se regresa 1";
$mensaje2="Texto que se regresa 2";
$mensaje3="Texto que se regresa 3";
$mensajes = array($mensaje1,$mensaje2,$mensaje3);
echo json_encode($mensajes);
// y si planeas usar esos mensajes afuera en el Script recuerda que un array empieza por la posición 0 así que afuera sería mensajes[0],mensajes[1],mensajes[2] por si van destinados a algo
?>
MUCHO TEXTO YA LO SÉ
Pero verás que es la forma más rápida de validar formularios, obviamente necesitas de JQuery y esta va en tu archivo HTML antes de que cierre el BODY