C# 填写完所有必填字段后，使用引导模式

编辑：我注意到，当我单击模式内的按钮时，强制弹出窗口显示，不允许继续

我需要使用引导模式来添加一些关于授权的细节。因此，我有一个cshtml页面，其中包含一些必需的字段和一个打开模式的按钮。但是，当我单击按钮时，即使字段为空，也会显示模式。我怎样才能解决这个问题

按钮代码：

<div class="col-sm-2"><input type="submit" value="@Risorse.Language.InserisciAutorizzazione" class="btnRegister btn btn-default" data-toggle="modal" data-target="#modalLoginForm" /></div>

模态（这不是我将要使用的，我把它放在cshtml中只是为了测试）：

登录
&时代；
你的电子邮件
你的密码
登录

这是图形结果：

如您所见，会弹出警告，指出这些字段是必填字段，但实际上也可能无法输入

我的想法是，只有在所有必填字段都已填充的情况下，才能通过JS打开modal。但我想知道是否有一种更优雅的方式

---

谢谢。

在验证前使用以下代码阻止模型

Html:

<input type="text" id="txt_name" /><button type="button" class="btn btn-primary btn-lg no-modal" data-toggle="modal" data-target="#myModal">Launch demo modal</button>

$('#myModal').on('show.bs.modal', function (e) {
var button = e.relatedTarget;
if($("#txt_name").val().length==0) {
e.stopPropegation();
}  
});

---

我认为按钮代码中的type属性是问题的原因。

---

尝试将值“提交”更改为“按钮”。

验证字段，然后继续。对不起，我不明白您的意思。你能解释清楚一点吗？谢谢，实际上，您可以使用上面的代码阻止模式，并检查验证，而不是检查hasClassI。我的意思是您修改我的jquery以验证字段，而不是检查hasClassI。如果需要，我将重写我的jquery，或者您可以这样做？尝试了这个，但结果是模式显示出来。我注意到，当我点击模式内的按钮时，强制性弹出窗口出现，不允许继续。我更新了我的帖子。我可以看到模式中的按钮中没有类型attr。尝试使用值“button”指定该属性，并让我知道。不起作用，现在当我单击模式按钮时，也不会出现强制弹出窗口。尝试通过数据属性禁用模式激活的原因是什么？我将删除数据切换和数据目标，并通过javascript打开模式，例如：

$（'#modal'）.modal（'show'）如果这不起作用，您能否从调用模式的屏幕提供代码？谢谢
$('#myModal').on('show.bs.modal', function (e) {
var button = e.relatedTarget;
if($("#txt_name").val().length==0) {
e.stopPropegation();
}  
});