Javascript 单击按钮，如果texbox值为空，则使用asp.net mvc显示警报？

在按钮

b上单击

单击，如果用户提交的表单中包含空的

MedicineName

文本字段，我想提醒用户。如果

MedicineName

texbox值为空，则表示不会弹出隐藏

在“我的代码”按钮上单击“警报消息”显示的同时也会弹出“加载”

$("#btnClick").click(function () {
                var id = jQuery('[id$=hfCustomer]').val();
                if (id == '') {
                    alert('MedicineNameis empty');
                    $("#upload3Modal").hide();
                }
                else {
                    $.get("GenericName_Bind", { ProductID: id }, function (data) {
                        $.each(data, function (i, v1) {
                            var GenID = v1.Value;
                            if (GenID) {
                                $('#hdnGenericID').val(GenID);
                            }
                            $('#txtGenericName').val(v1.Text);
                        });

                    });
                }

            });

Html:

<div class="col-lg-4">
                            <fieldset class="form-group">
                                <label class="form-label" for="exampleInput">MedicineName</label>
                                @*@Html.TextBoxFor(model => Model.MedicineName, new { @class = "form-control", @id = "txtMedicineName", placeholder = "MedicineName" })*@
                                <div class="typeahead-container">
                                    <div class="typeahead-field">
                                        <span class="typeahead-query">
                                            @Html.TextBoxFor(model => Model.prescriptionmanagement.MedicineName, new { @class = "form-control", @id = "txtMedicineName", placeholder = "Medicine Name", name = "d", type = "search", autocomplete = "off" })
                                            <input type="hidden" id="hfCustomer" name="CustomerId" />
                                        </span>
                                    </div>
                                </div>
                                @Html.ValidationMessageFor(model => Model.prescriptionmanagement.MedicineName, null, new { @style = "color: red" })
                            </fieldset>
                        </div>
                        <div class="col-lg-4">
                            <fieldset class="form-group">
                                <label class="form-label" for="exampleInput">Drug Specifications</label>
                                <div class="tbl-cell tbl-cell-action button">
                                    <a href="#" data-toggle="modal" id="btnClick" data-target="#upload3Modal" class="btn btn-rounded btn-block">Drug Specifications&nbsp;&nbsp;<span class="font-icon-search"></span></a>
                                </div>
                            </fieldset>
                        </div>

药名
@*@Html.TextBoxFor（model=>model.MedicineName，新的{@class=“form control”，@id=“txtMedicineName”，placeholder=“MedicineName”}）*@
@Html.TextBoxFor（model=>model.prescriptionmanagement.MedicineName，新的{@class=“form control”，@id=“txtMedicineName”，placeholder=“mediciname”，Name=“d”，type=“search”，autocomplete=“off”}）
@Html.ValidationMessageFor（model=>model.prescriptionmanagement.MedicineName，null，新{@style=“color:red”}）
药品说明书

尝试模式隐藏完成功能

引导程序3

$('#upload3Modal').on('hidden.bs.modal', function () {
    alert('MedicineNameis empty')
})

引导程序2.3.2

$('#upload3Modal').on('hidden', function () {
     alert('MedicineNameis empty')
})

参考文献

---

为什么不在属性中添加一个

[必需]

属性，并包含

@Html.ValidationMessageFor（）

，以便在我单击id=“btnClick”时同时进行客户端验证和服务器端验证弹出窗口加载了空文本框@stephenmueckei如果它工作正常，那么你到底为什么需要一个弹出窗口-错误消息将显示在你的

ValidationMessageFor（）

占位符中（显然它工作不正常。你处理表单的

.submit（）

事件，并测试

$的值（这个）。valid（）

并取消ajax调用，如果不是的话，先生，非常感谢@stephenmuecke，您甚至还没有显示以

hfCustomer

开头的

id

的html for和元素，请将其放入if（id=''{}块中