如何使用jquery隐藏弹出窗口？

Question

i have two popup, in popup1, if i filled all textboxes and proceed,i will be redirected to popup2. otherwise, i should stay in popup1 with the validation message.

Note:If my "caseNum" had valid value i will redirected to popup2 otherwise to popup1.

i have my code like,

function NewCaseForm()//popup1
{
var OwnerAgency = $("#OwnerAgency :selected").val();
var OwnerAgent = $("#OwnerAgent :selected").val();
 var NewCase =
 {
        "OwnerAgency": OwnerAgency,
        "OwnerAgent": OwnerAgent,
       };
$.ajax({
    url: '/Index/NewCase/',
    data: JSON.stringify(NewCase),
    contentType: 'application/json; charset=utf-8',
    type: "POST",
    success: function (caseNum) {
        if (caseNum) {
            var caseNo = caseNum;
            ImportTypeSelectionNewCase(caseNum);//popup2
        }
    },
});

} have my controller like,

   [HttpPost]
    public ActionResult NewCase(NewCase model)
    {
  if (model.MyCaseNumber == null || model.OwnerAgency.ToString() == "" || model.OwnerAgent.ToString() == ""
                || model.AnalystAgency.ToString() == "" || model.AnalystAgent.ToString() == "")
            {
                model.IsValid = true;
                model.ValidationMessage = "Please Enter a New Case Number or Analyst information or Owner information to continue.";
                return View(model);
            }
            else
           {
              int caseId = _ServiceHelper.SaveNewCase(
                    model.OwnerAgency, model.OwnerAgent, );
                string caseNum = model.MyCaseNumber.Replace(" ", "_").Trim()                         + ":" + caseId;
                return Json(caseNum);
                }
           return View("ImportTypeSelection");

But my code does like, instead of showing in popup1 its showing popup2.As iam the beginner i dont know how to resolve this. Kindly tell me.

Answer 1

Unable to comment , so putting as answer...

1. Please alert the value of caseNum and check what is returned

2. try making you ajax query synchronous async:false;

Answer 2

change your controller like this

 [HttpPost]
    public ActionResult NewCase(NewCase model)
    {
  if (model.MyCaseNumber == null || model.OwnerAgency.ToString() == "" || model.OwnerAgent.ToString() == ""
                || model.AnalystAgency.ToString() == "" || model.AnalystAgent.ToString() == "")
            {
                return View("");
            }
            else
           {
              int caseId = _ServiceHelper.SaveNewCase(
                    model.OwnerAgency, model.OwnerAgent, );
                string caseNum = model.MyCaseNumber.Replace(" ", "_").Trim()                         + ":" + caseId;
                return Json(caseNum);
                }
           return View("ImportTypeSelection");
}

and your client side function like this

        function NewCaseForm()//popup1
        {
        var OwnerAgency = $("#OwnerAgency :selected").val();
        var OwnerAgent = $("#OwnerAgent :selected").val();
         var NewCase =
         {
                "OwnerAgency": OwnerAgency,
                "OwnerAgent": OwnerAgent,
               };
        $.ajax({
            url: '/Index/NewCase/',
            data: JSON.stringify(NewCase),
            contentType: 'application/json; charset=utf-8',
            type: "POST",
            success: function (caseNum) {
                if (caseNum !="") {
                    var caseNo = caseNum;
                    ImportTypeSelectionNewCase(caseNum);//popup2
                }
    else{
     var errorMessageOne="error 1";
 var errorMessageTwo="error 2";
 var errorMessageThree="error 3";
 var errorMessageFour="error 4";

//and use these values 

    }
            }
        });

from now the if only trigger casenum is not an empty string.. and use jsonresult insted of action result if you are in the same page