Блог

У меня есть форма в модальном всплывающем окне?

 <form asp-controller="Account" asp-action="Register">
<div class="form-area" id="Register-Form" hidden>
    <div class="form-group">
    <input type="password" name="user_Password" class="input-field" maxlength="6" id="Register-NewPassword">
    </div>
    <div class="form-group">
    <input type="number" class="input-field" maxlength="6" autocomplete="off" id="Register-ActiveCode"> 
    </div>
    <div class="form-group text-center">
    <button  type="submit" onclick="return Validate_Register()" class="mybtn">Save </button>
    </div>
</div>
 

Проверка Jquery :

  function Validate_Register() { 
    $.post("/Account/CheckActiveCode", {
        Mobile: Login_Mobile, ActiveCode: Register_Active_Value
    }, function (data) {
        if (data == 1) {
            $.alert({
                title: 'Error',
                content: 'Active Code is Not True',
                rtl: true,
                closeIcon: true,
                type: 'red',
                typeAnimated: true,
                buttons: {
                    confirm: {
                        text: 'Ok',
                        btnClass: 'btn-red',
                    }
                },
            });
            return false;
        }       
            
    });

    return true;
}
 

Контроллер :

 public JsonResult CheckActiveCode(string Mobile , string ActiveCode)
    {            
        if (!_user.UserIsActivate(Mobile, ActiveCode))
        {
            return Json(1);
        }
        return Json(0);
    }
 

Форма контроллера для отправки:

 [HttpPost]
    public IActionResult Register(string mobile_User, string user_Password)
    {
        _user.RegisterUpdateUser(mobile_User, user_Password);
        
        return RedirectToAction("Index", "Home");
    }
 

Я хочу, чтобы форма была отправлена, если проверка (данные==0)
Если (данные==1), форма не будет отправлена и отобразится ошибка?

Попробуйте использовать <input type="button"/> для замены <button></button> ,и если data !=1 ,отправьте форму.

html-код:

 <form id="myForm" asp-controller="Account" asp-action="Register">
<div class="form-area" id="Register-Form" hidden>
     <div class="form-group">
            <input name="mobile_User" class="input-field" maxlength="6" id="mobile_User">
        </div>
        <div class="form-group">
            <input type="password" name="user_Password" class="input-field" maxlength="6" id="Register-NewPassword">
        </div>
        <div class="form-group">
            <input type="number" class="input-field" maxlength="6" autocomplete="off" id="Register-ActiveCode">
        </div>
        <div class="form-group text-center">
            <input type="button" onclick="Validate_Register()" class="mybtn" value="Save" />
        </div>
</div>
</form>
 

JS:

 function Validate_Register() {
                $.post("CheckActiveCode", {
                    Mobile: Login_Mobile, ActiveCode: Register_Active_Value
                }, function (data) {
                        if (data == 1) {
                            $.alert({
                                title: 'Error',
                                content: 'Active Code is Not True',
                                rtl: true,
                                closeIcon: true,
                                type: 'red',
                                typeAnimated: true,
                                buttons: {
                                    confirm: {
                                        text: 'Ok',
                                        btnClass: 'btn-red',
                                    }
                                },
                            });
                        } else {
                            $("#myForm").submit();
                        }
                    })

            }