Bootstrap modal, спасибо сообщение, отправьте форму, с обязательным

Question

У меня есть сайт, построенный с использованием основы бутстрапа. Он имеет форму с несколькими необходимыми текстовыми вводами и кнопкой отправки. Как и было, после нажатия кнопки «Отправить» она открыла новую пустую страницу 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> 

Answer 1

Согласно описанию (не ясно), я чувствую, что то, что вы хотите, это сторона проверки клиента вашей формы. Взгляните на этот плагин.

http://jqueryvalidation.org/documentation/