我正在寻找在提交表单数据时使用引导模态的方法。但是，我不想提交空表单。但是，当我使用引导模态在空表单上触发提交事件时，它应该停止工作我填写必填字段，然后触发模式。
<script type="text/javascript">
$(document).ready(function(){
if($("#df").text()!= '')
{
$("#form").submit(function(event) {
$("#myModal").modal('show');
});
});
</script>
</head>
<body>
<div class="bs-example">
<form id = "rish">
<input type = "text" id = "df">
<input type="submit" class="btn btn-lg btn-primary"></input>
</form>
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-
dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Confirmation</h4>
</div>
<div class="modal-body">
<p>Do you want to save changes you made to document
before closing?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-
dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save
changes</button>
</div>
</div>
</div>
</div>
</div>
最佳答案
可能text（）不适用于输入元素。
用val（）替换text（）以获得输入的值。这应该工作。
if($("#df").val()!= '')
{
$("#rish").submit(function(event) {
$("#myModal").modal('show');
});
});
同时将表单ID从#form更改为#rish。