首页 > 解决方案 > 我的问题是,我在我的项目中做了 SweetAlerts 但没有工作

问题描述

我正在尝试在我的项目中实施 sweetalert,但我无法选择存在的问题,我做每件事都正确但在这种情况下仍然没有追逐我的目标。这是我的观点:

 @model SSC_MVC.Models.Department

    @{
        // ViewBag.Title = "Create";

        ViewBag.Title = Model.dpt_id == null ? "Create" : "Edit";
    }
    <script src="~/Scripts/jquery-1.12.4.min.js">

    </script>

    <script src="~/Scripts/jquery.validate.min.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

    <link href="~/bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet" />
    <script src="~/bootstrap-3.3.6-dist/js/bootstrap.js"></script>

    <script src="https://lipis.github.io/bootstrap-sweetalert/lib/sweet-alert.js"></script>
    <link href="~/Content/sweetalert/sweet-alert.css" rel="stylesheet" />

    <script type="text/javascript">

        function validateData()
        {
            debugger;

            if ($("#dpt_nam").val() == "")
            {
                swal("Please enter Name !");
                return false;
            }  else
            {
                return true;
            }
        }
    </script>
    <h2>Create</h2>
    @using (Html.BeginForm(FormMethod.Post) )
    {
        @Html.AntiForgeryToken()

        <div class="col-md-12 form-horizontal">
            <h4>Department</h4>
            <hr />
            @Html.ValidationSummary(true, "", new { @class = "text-danger" })
            @Html.HiddenFor(model => model.dpt_id)

            <div class="form-group">
                <div class="col-md-2">
                    @Html.Label("Name", htmlAttributes: new { @class = "control-label col-md-2 " })
                </div>
                <div class="col-md-8">
                    @Html.EditorFor(model => model.dpt_nam, new { htmlAttributes = new { @class = "form-control validateData" } })
                    @Html.ValidationMessageFor(model => model.dpt_nam, "", new { @class = "text-danger" })
                </div>
            </div>
     <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    @if (Model.dpt_id == null)
                    {
                        <input type="submit" onclick="Validate(this, event);" value="Create" class="btn btn-primary"  />
                    }
                    else
                    {
                        <input type="submit" value="Edit" class="btn btn-success" />
                    }
                </div>
            </div>
          @{
              var message = TempData["AlertMessage"] ?? string.Empty;
        }

        <script type="text/javascript">
        var message = '@message';
        if(message)
            alert(message);
        </script>
        </div>

    }

    <div>
        @Html.ActionLink("Back to List", "Index")
    </div>

    @*@section Scripts {
        @Scripts.Render("~/bundles/jqueryval")
    }*@

有我的模型:

public string dpt_id { get; set; }
 public string dpt_nam { get; set; }
 public string dpt_typ { get; set; }

在视图中#dpt_nam 是我的模型属性,实际上我想要,当我单击提交按钮并且如果用户未完成部门名称警报显示,例如:请输入名称!,所以在这种情况下,我创建了一个名为 ValidateData 的函数,你可以在视图中看到它。这里有人帮助我吗?

标签: c#model-view-controller

解决方案


推荐阅读