Jquery dialog, or jqdialog in MVC application continues through to contoller action before a response

I have a jquery dialog that I want to appear when a view doesn't contain an expected answer. Th开发者_运维问答e problem is the code execution continues to the controller action before a response is accepted by the dialog.

Here is the javascript code for the submit button.

$('#Submit1').click(function () {
        var yes = $("#yes");
        var no = $("#no");
        var errorInd = $("#errorMsg");

        if ((yes[0] == undefined || yes[0] == null) && no[0] == undefined || no[0] == null) {
            var answer = $("#answer");
            var answer2 = $("#answer2");
            if (answer[0] != undefined && answer2[0] != undefined) {
                if (answer[0].value == "" && answer2[0].value == "") {
                    errorInd[0].style.display = '';
                    $("#errorMsg").css({ visibility: 'visible' });
                }
            }
        } else if (!yes[0].checked && !no[0].checked) {
            // alert dialog
         $.jqDialog.confirm("Are you sure want to continue?", 
                        function () { CallSubmit();       },  // callback function for 'YES' button  
                        function () { alert("This intrusive alert says you clicked NO"); }  // callback function for 'NO' button            );
         //   $('#errorMessage').dialog('open');


        );

The submit button is within a form in this view code.

<% using (Html.BeginForm("UpdateAnswer", "Home", FormMethod.Post )) { %>
  <% foreach (var question in Model)  { %>

    <% if (question.AnswerType== 1) { %>

     <% Html.RenderPartial("YesNo", question);} %>
    <% else if (question.AnswerType == 0) {  Html.RenderPartial("TextView", question);} %>
    <% else if (question.AnswerType == 2) { Html.RenderPartial("TwoTextView", question); } %>
    <% else if (question.AnswerType == 3) { Html.RenderPartial("TextOnlyView", question); } %>
    <% else if (question.AnswerType == 5) { Html.RenderPartial("RadioListView", question); } %>

    <% else if (question.AnswerType == 7) { Html.RenderPartial("SingleDateTimeView", question); } %>

    <% else if (question.AnswerType == 6) { Html.RenderPartial("DateRangeView", question); } %>
      <input type="hidden"  name="qNumber" value='<%: question.QuestionID %>' />
      <input type="hidden"  name="answerType" value='<%: question.AnswerType%>' />


       <% } %>

  <div id="errorMsg" class="errorMsg"  style="display:none">* select yes or no</div>
  <input type="hidden"  name="groupCount" value='<%: Model.Count %>' /> 
  <input type="submit" value="Next" id="Submit1" name="submit"   />  
<%--    <li><%: Html.ActionLink("Error Message Dialog", "ErrorInAnswer", "Home", new { @class = "modalDlg", title = "Error Message" })%></li>
--%>  

<% } %>

I have spent alot of time on this any help would be appreciated.

Thanks Traci

---

From the code posted above, looks like you are handling the submit (calling CallSubmit) once the user selects OK/Yes, hence return false at the end of the event handler.

Change:

$('#Submit1').click(function () {
 .
 .
 .
 .
 //You existing code.

});

to

$('#Submit1').click(function () {
 .
 .
 .
 .
 //You existing code.
 return false;
});