Javascript 引导模式显示为错误消息
所以,我有一个包含表单的模式,当它点击提交按钮时,另一个模式应该显示为成功消息或错误消息Javascript 引导模式显示为错误消息,javascript,php,twitter-bootstrap,Javascript,Php,Twitter Bootstrap,所以,我有一个包含表单的模式,当它点击提交按钮时,另一个模式应该显示为成功消息或错误消息 <div class="modal fade" id="events" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header" style="backgroun
<div class="modal fade" id="events" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="background-color:#0A0A1E">
<a href="#" class="close" data-dismiss="modal"><font color="white">x</font></a>
<h4><font color="white">ADD EVENT</font></h4>
</div>
<div class="modal-body">
<form id ="massform" method="POST" role="form" action="SAeventUpdate.php">
<div class="form-group">
<label>MASS TYPE</label>
<div class="input-group">
<input class='form-control' list = 'title' required name='title' placeholder= 'Please specify if mass type is unavailable'>
<datalist id='title'>
<option class= 'titl' value="Baptism">Baptism</option>
<option class= 'titl' value="Confirmation">Confirmation</option>
<option class= 'titl' value="Requiem">Requiem</option>
<option class= 'titl' value="Marriage">Marriage</option>
</datalist>
<span class="input-group-addon"><span class="fa fa-bullhorn"></span></span>
</div>
</div>
<div class="form-group">
<label>LANGUAGE</label>
<div class="input-group">
<select class='form-control' required name='language' placeholder= 'Please select language'>
<option value="Cebuano">Cebuano</option>
<option value="English">English</option>
</select>
<span class="input-group-addon"><span class="fa fa-comment-o"></span></span>
</div>
</div>
<button class="btn btn-danger" type="submit">Add Event</button>
</form>
</div>
</div>
</div>
</div>
然后表单将信息发送到一个php文件,并经历一个条件和一个错误消息,如果操作不可能,则应该通过一个模式显示错误消息,而不关闭前一个模式。
这可能吗 为了更好的用户体验,我只需将错误/成功消息放在模态体的顶部,另一个模态只是混淆了如何将消息放在模态体的顶部?只需在表单之前插入jquery即可。。您可以基于提交的ajax响应,使用jquery创建全新的div。。