Question

I have a form with a submit button and it works fine, but I now have a user request to make the form get saved (posted to save action) if a link on the page is clicked and the form is “dirty”.

I’ve got the logic in place by having an isDirty JavaScript variable, now I would like to post the form from the JavaScript function when it is dirty.

My form declaration is as follows:

    <form id="formSmart" action="<%= ResolveUrl("~/SmartForm/Proceed") %>"
          method="post" enctype="multipart/form-data">

and my JavaScript is:

function checkLink() {
  if (isDirty) {
    $("#formSmart").submit();
  }
}

The proceed action doesn’t get called, yet when I click the submit button on the form it works fine. What am I doing wrong in the JavaScript?

Note: The call to checkLink() works fine, the ultimate problem is that $(“#formSmart”).submit(); is not posting to the Proceed action.

Answer 1

You have the correct way of submitting the form based on what you have posted and the names match up.

Are you sure you are calling checkLink and is isDirty equal to true?

Put and alert('Test'); right before you submit and in the if scope.

EDIT: To hookup your event you need to do the following:

$('#yourLinkID').click(checkLink(); return false;);

Note the return false which will cause your link to not execute a navigate. If you want the link to navigate, you can just remove that part.