Disable button after insert

Question

I want the button, after clicking to insert, to be locked. I can only insert once each button, which represents a task.

Knob:

<button class="btn btn-info" onclick="return confirm('Pretende registar esta atividade?');this.disabled=true;">Pequeno Almoço</button>

I’m trying with this.disabled=true; but after clicking and entering in the database, it is in the same asset.

script on the page:

function myFunction() {
var today = new Date();
var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
var dateTime = date+' '+time;
document.getElementById("IniciarTarefa1").value = dateTime;
}

(function ($) {$(document).ready(function(e) {
$("#form,#form1").submit(function(e){ 
	$.ajax({
        type: "POST",
        url: "./conexaoteste",
        data: $("#form,#form1").serialize(), // serializes the form's elements.
        dataType: "json",
            success: function (data){						
			}, 
            error: function(data){
                $(".error_message").removeClass('hide'); // error message
            },
	});

});
});

Answer 1

Good evening, remove Return at start:

<button class="btn btn-info" onclick="confirm('Pretende registar esta atividade?');this.disabled=true;">Pequeno Almoço</button>

Ha if you want to save a return from Alert you can do so:

<script>
     var a = null;
</script>
<button class="btn btn-info" onclick="a = confirm('Pretende registar esta atividade?');this.disabled=true;">Pequeno Almoço</button>
<button class="btn btn-info" onclick="alert(a);">Ver variável</button>

Answer 2

Use an if and remove the ; between the if and the this.disabled:

<button class="btn btn-info" onclick="if(confirm('Pretende registar esta atividade?')) this.disabled=true;">Pequeno Almoço</button>

This will create a condition on confirm where the if will only be accessed if you click on OK.