<form id="form1" action="" method="POST" >
<input class="val" size="1" type="text" name="text" maxlength="30" value="my Text" autocomplete="off" placeholder="text" />
<input type="hidden" name="action" value=""/>
<input type="submit" name="delete" class="btn" value="удалить"/>
<input type="submit" name="save" class="btn" value="сохранить"/>
</form>
<div id="answer"></div>$("#form1").on('click', 'input[type="submit"]', function($e) {
$e.stopPropagation();
var $form = $(this.form),
$answer = $('#answer');
this.form.onsubmit = ()=>{return false};
this.form.action.value = this.value;
// Send form to server
$.post('https://js-master.ru/php/TesT.php', $form.serialize(), (r)=>{
// Get response from server
$answer.html(r);
console.log('Response = ', r);
}, 'html');
console.log(this.form.action.value);
});
External CSS
This Pen doesn't use any external CSS resources.