How to hide the modal box after form submission using php?

@shobhaauthorJan 03.2020 — #

&lt;div class="modal" id="contactform" role="dialog" aria-labelledby="myModalLabel"<br/>
 aria-hidden="true"&gt;<br/>
 &lt;div class="modal-dialog" role="document"&gt;<br/>
 &lt;div class="modal-content"&gt;<br/>
 &lt;div class="modal-header text-center"&gt;<br/>
 &lt;h4 class="modal-title w-100 font-weight-bold"&gt;Fill Form And Start A Trial&lt;/h4&gt;<br/>
 &lt;h5 class="modal-title"&gt;Call Us Now : +919616782253&lt;/h5&gt;<br/>
 &lt;/div&gt;<br/>
 &lt;form name="userForm" method="post" action="contact.php"&gt;    &lt;div class="modal-body mx-3"&gt;<br/>
 &lt;div class="md-form mb-5"&gt;<br/>
 &lt;i class="fa fa-user prefix"&gt;&lt;/i&gt;<br/>
 &lt;input type="text" name="inputName" id="inputName" class="form-control validate" placeholder="Your Name" required=""&gt;<br/>
 &lt;/div&gt;&lt;div class="md-form mb-5"&gt;<br/>
 &lt;i class="fa fa-envelope prefix"&gt;&lt;/i&gt;<br/>
 &lt;input type="email" name="inputEmail" id="inputEmail" class="form-control validate" placeholder="Your Email" required=""&gt;<br/>
 &lt;/div&gt;
 
 <i>    </i><CODE>    &lt;div class="md-form mb-5"&gt;
 <i>    </i>      &lt;i class="fa fa-phone prefix"&gt;&lt;/i&gt;
 <i>    </i>      &lt;input type="text" name="inputPhone" id="inputPhone" class="form-control validate" placeholder="Phone Number" required=""&gt;
 <i>    </i>    &lt;/div&gt;&lt;div class="md-form mb-5"&gt;
 <i>    </i>      &lt;i class="fa fa-map-marker prefix"&gt;&lt;/i&gt;
 <i>    </i>      &lt;input type="text" name="city" class="form-control validate" placeholder="City" required=""&gt;
 <i>    </i>    &lt;/div&gt;
 <i>    </i> 
 <i>    </i>    &lt;div class="md-form"&gt;
 <i>    </i>      &lt;i class="fa fa-pencil prefix"&gt;&lt;/i&gt;
 <i>    </i>      &lt;textarea type="text"  id="description" name="description" class="md-textarea  validate form-control" rows="3" placeholder="Write your requirement for web hosting" required=""&gt;&lt;/textarea&gt;
 <i>    </i>    &lt;/div&gt;
 
 <i>    </i>  &lt;/div&gt;
 <i>    </i>  &lt;div class="modal-footer d-flex justify-content-center"&gt;
 <i>    </i>    &lt;button class="btn btn-unique" name="insert" type="Submit" value="Insert"&gt;Send &lt;i class="fa fa-paper-plane-o ml-1"&gt;&lt;/i&gt;&lt;/button&gt;
 <i>    </i>    &lt;/div&gt;  &lt;/form&gt;
 <i>    </i>&lt;/div&gt;</CODE>
 &lt;/div&gt;<br/>
 &lt;/div&gt;<br/>
 &lt;script src="<URL url="https://code.jquery.com/jquery-1.11.2.min.js%22%3E%3C/script">https://code.jquery.com/jquery-1.11.2.min.js"&gt;&lt;/script</URL>&gt;<br/>
 &lt;script type="text/javascript"&gt;setTimeout(function() {<br/>
 $('#contactform').modal();<br/>
 }, 1500);<br/>
 $("#contactform").modal({<br/>
 backdrop: 'static',<br/>
 keyboard: false});&lt;/script&gt;&lt;script src="<URL url="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js%22%3E%3C/script%3E%3Cscript">https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"&gt;&lt;/script&gt;&lt;script</URL> src="<URL url="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js%22%3E%3C/script">https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"&gt;&lt;/script</URL>&gt;

How to hide the modal box after form submission using php?

1 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

How to hide the modal box after form submission using php?

1 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

1 Comments(s) _↴

Also in #JavaScript _↴