У меня есть сайт, созданный с помощью фреймворка bootstrap. Он имеет форму с несколькими обязательными текстовыми вводами и кнопкой отправки. Как бы то ни было, после нажатия кнопки отправки открывается новая пустая html-страница с благодарственным сообщением. Если обязательные поля не заполнены, появляется предупреждение, и информация не отправляется до тех пор, пока обязательные поля не будут заполнены.
Я хочу изменить страницу благодарности на модальное окно благодарности. Моя проблема в том, что с сообщением благодарности, установленным как модальное, модальное окно благодарности срабатывает с обязательными полями, содержащими информацию, или без них. Мне нужно, чтобы модальное окно не появлялось, пока не будут заполнены все обязательные поля, у кого-нибудь есть простой способ исправить это?
<form id="contact-form" name="myemailform" action="form-to-email.php" method="post" target="blank">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for='name'>
Name</label>
<input name="name" type="text" class="form-control" id="name" required placeholder="Enter Name" />
</div>
<div class="form-group">
<label for='email'>
Email Address</label>
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span>
</span>
<input name="email" type="email" class="form-control" id="email" required placeholder="Enter Email" /></div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for='message'>
Message</label>
<textarea name="message" id="message" class="form-control" rows="9" cols="25" required
placeholder="Message"></textarea>
</div>
</div>
<div class="col-md-12">
<button type="submit" name='submit' class="btn btn-skin pull-right" id="btnContactUs" value="Submit" target="blank" data-toggle="modal" data-target="#myModalThanks">
Send Message</button>
</div>
</div>
</form>