在javascript中的第二个按钮的确认上调用第一个按钮不起作用

Question

I have two buttons in my html page and when someone clicks Generate button I want to save my document (the same thing save button is doing) if ok is clicked otherwise I do not want to do anything.

Js code $("#save-application").trigger("click");

I also tried to use

  document.getElementById('save-application').click(); 

and

   $('#save-application').click();

But it isnt working.So basically I want to call my save button.Any suggestions on this?

I did tried

          if (check == true) {    
                $("#form").submit();
                return true;
            }
            else {
                return false;
            }

but form doesn't get saved

Answer 1

I think you missed # while querying by id $("#save-application").click(); .

Answer 2

Instead of using trigger , you can create separate function for save functionality, html code :

<input type="submit" value="Save" id="save-application" onclick="saveApplication();"/>

js code :

function saveApplication(){
    //logic here
}

and then call saveApplication() instead of $("save-application").trigger("click");

Answer 3

So I'd do something like this on your input

<input id="save-application" type="submit" value="Save" onclick="saveApplication()"/>

Then modify your javascript to something like this:

function saveApplication() {
        if (isChanged == true ) {                
            var check = confirm("Would you like to to save your changes and have a document generated?");
            if (check == true) {
                $("#save-application").trigger("click");                    
                return true;
            }
            else { return false; }
        } else {
            return undefined;
        }    
 }

Hope this helps