Thu, 24 Sep 2026
Login

How to confirm before submit process

Confluence User - 28 Oct, 2016

This is my code ,

<script type="text/javascript">
$(document).ready(function(){
$("#assignmentComplete").on("click", function(){
     if(confirm("Are you sure to send email ?")){
          return true;
     }else{
          return false;
     }
});
});
</script>



And this is , On submit form

 

And this is , On click cancel

 

 

Why, I don't see 'Please wait...'


Please Help Me!!!

 

forms

5

Confluence User •
28 Oct, 2016 •
confluenceUser •
•
confluenceUser •

Hi Sa Varee

There is two possible submit id "#assignmentComplete or #submit", just add a "#submit" to your jquery as follows:

<script type="text/javascript">
    $(document).ready(function() {
        $("#assignmentComplete,#submit").on("click", function() {
            if (confirm("Are you sure to send email ?")) {
                return true;
            } else {
                return false;
            }
        });
    });
</script>
Confluence User •
31 Oct, 2016 •
confluenceUser •
1 •
confluenceUser •

I have improved Matthew's code to handle Joget v5 use of blockUI.

$(document).ready(function() {
		//cancel default click event in 1 second
		setTimeout(function(){
		    //uncomment this while loop if fails to remove default click event
			//while( $("#section-actions button, #section-actions input").data("events") ){
			  $("#section-actions button, #section-actions input").off("click");
			//}
			
			$("#assignmentComplete,#submit").on("click", function(event) {
				if (confirm("Are you sure to send email ?")) {
					$.blockUI({ css: { 
						border: 'none', 
						padding: '15px', 
						backgroundColor: '#000', 
						'-webkit-border-radius': '10px', 
						'-moz-border-radius': '10px', 
						opacity: .3, 
						color: '#fff' 
					}, message : "<h1>Please wait...</h1>" }); 
					return true;
				} else {
					return false;
				}
			});
		}, 1000);
    });
Confluence User •
31 Oct, 2016 •
confluenceUser •
•
confluenceUser •

Oh, Thank You Very Much

Confluence User •
25 Oct, 2021 •
confluenceUser •
•
confluenceUser •

Where can we insert this code in the form?


Confluence User •
14 May, 2025 •
confluenceUser •
•
confluenceUser •

I didn't understand the reason of setTimeout

1
CSV | Excel | XML | PDF
RELATED QUESTIONS
Process not starting with Form submission.
Form Submission Performance Issue
Export As PDF
Select Box
one to many relationship
Can we create a dropdown field directly in a Joget List so that users can change the status of a record from the list view itself?
How to auto load client data after selecting it in a dropdown?
Retrieve image upload from form into PDF
Error storing data
How to generate unique ID using Textfield?
1
CSV | Excel | XML | PDF

Your answer

To answer a question you'll need an account.

Print