Jquery 为什么引导数据关闭和模式（'；隐藏'；）不起作用？

首先，如果文本框中没有值，我想隐藏模态。其次，

数据解除

不起作用。我认为代码中没有任何问题。猜猜看？请推荐我

/My form
    @using (Html.BeginForm("Index", "Home", FormMethod.Post))
    {   
       @Html.TextBoxFor(m => m.txtName)
       @Html.HiddenFor(m => m.hiddenNameId)
       @Html.ValidationMessageFor(m => m.txtName, "", new { @class = "error" })
       <button type="submit" id="submit" data-toggle="modal" data-target="#myModal">Produce Page</button>      
    } 

//My Modal

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal" aria-hidden="true">
    ...
            <div class="modal-header">
                ...
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                ...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
  </div>

//Script

$(function () {
    $('#submit').click(function () {
        var value = $('#txtName').val(); 
        if (value) {
            $("#myModal").modal('show');
        }
        else {
            $("#myModal").modal('hide');
        }
    });
    });

/My form
@使用（Html.BeginForm（“Index”，“Home”，FormMethod.Post））
{   
@Html.TextBoxFor（m=>m.txtName）
@Html.HiddenFor（m=>m.hiddenNameId）
@Html.ValidationMessageFor（m=>m.txtName，“，new{@class=“error”}）
生成页面
} 
//我的情态
...
...
&时代；
...
接近
保存更改
//剧本
$（函数（）{
$（“#提交”）。单击（函数（）{
var值=$（'#txtName'）.val（）；
如果（值）{
$（“#myModal”）.modal（'show'）；
}
否则{
$（“#myModal”）.modal（'hide'）；
}
});
});

您总是能够获得模型，因为您的按钮已连接到使用标记、使用按钮标记中的

数据切换

和

数据目标

属性启动模型

删除这些，现在当用户单击按钮时，它将不会触发模式对话框

<button type="submit" id="submit" >Produce Page</button>      

---

关于不关闭模式对话框的第二个问题，只要您为“关闭”按钮设置了适当的标记（具有所需的属性），该对话框就可以工作。（在您的问题中，您没有发布完整的标记）。以下是一个供您参考的示例

您是否包括jquery？这些方法需要jQuery才能工作。（以及

bootstrap[.min].js

）谢谢Shyju。但是我的

close

按钮不起作用正在阻止我的

@Html.ValidationMessageFor（m=>m.txtName，“，new{@class=“error”}）

关闭按钮应该可以正常工作。与这个jsbin进行比较，看看缺少什么。您始终可以在javascript中启动jQuery验证。例如：

var isFormValid=$（#someFormId”）.valid（）；

如果我删除

e.preventDefault（）；

那么我的

@Html.ValidationMessageFor（m=>m.txtName，”，new{@class=“error”}）

工作得很好。但是如果我包括这一点，那么我的验证就不起作用。即使是您提供的链接也无法进行验证。请在我的场景中为我提供指导。谢谢。如果您不阻止默认行为，您的表单将进行正常的表单提交，因为单击的按钮位于表单标签内。正如我在上一次通信中提到的您可以随时使用javascript启动验证。请仔细阅读前面的注释。如果需要，您可以在客户端浏览器中显示验证消息（或任何内容），因为javascript代码可以根据需要更新DOM。

$(function () {
    $('#submit').click(function (e) {
        e.preventDefault();
        var value = $('#txtName').val();
        if (value) {
            $("#myModal").modal('show');
        }
    });
});