framework7

Open full view…

Form wont submit in framework7 but works in jquery mobile

samphillips
Fri, 11 Aug 2017 08:18:13 GMT

Basically all the data from my form once filled out is meant to be sent to a file called pdf.js which lays all the data out into a pdf and then from there sent to emailer.php which is on my server, on submit nothing happens. In jquery mobile the form works fine. I have tried adding ajax-submit etc.. <form id=“eng-form” enctype=“multipart/form-data” method=“GET”> <div class=“push”></div> <div class=“content-block-title”>Invoice Address</div> <li> <div class=“item-content”> <div class=“item-media”><i class=“icon f7-icons”>tags</i></div> <div class=“item-inner”> <div class=“item-title label”>Job ID</div> <div class=“item-input”> <input type=“number” name=“jobid” id=“jobid” placeholder=“Job ID”> </div> </div> </div> </li> <li> <div class=“item-content”> <div class=“item-media”><i class=“icon f7-icons”>calendar</i ></div> <div class=“item-inner”> <div class=“item-title label”>Date</div> <div class=“item-input”> <input type=“date” id=“datejob” name=“datejob”> </div> </div> </div> </li> <li> <div class=“item-content”> <div class=“item-media”><i class=“icon f7-icons”>person</i></div> <div class=“item-inner”> <div class=“item-title label”>Customer Name</div> <div class=“item-input”> <input type=“text” id=“fullname” name=“fullname” placeholder=“Full Name”> </div> </div> </div> </li> <li class=“align-top”> <div class=“item-content”> <div class=“item-media”><i class=“icon f7-icons”>home</i></div> <div class=“item-inner”> <div class=“item-title label”>Invoice Address</div> <div class=“item-input”> <textarea type=“text” id=“info” name=“info”></textarea> </div> </div> </div> </li> <li> <div class=“item-content”> <div class=“item-media”><i class=“icon f7-icons”>compass</i></div> <div class=“item-inner”> <div class=“item-title label”>Post Code</div> <div class=“item-input”> <input type=“text” id=“post” name=“post” placeholder=“Post Code”> </div> </div> </div> </li> <li> <div class=“item-content”> <div class=“item-media”><i class=“icon f7-icons”>phone</i></div> <div class=“item-inner”> <div class=“item-title label”>Telephone Number</div> <div class=“item-input”> <input type=“tel” id=“phonenumber” name=“phonenumber” placeholder=“Phone Number”> </div> </div> </div> </li> <div class=“content-block-title”>Site Address</div> <li> <div class=“item-content”> <div class=“item-media”><i class=“icon f7-icons”>person</i></div> <div class=“item-inner”> <div class=“item-title label”>Site Contact</div> <div class=“item-input”> <input type=“text” id=“sitename” name=“sitename” placeholder=“Full Name”> </div> </div> </div> </li> <li class=“align-top”> <div class=“item-content”> <div class=“item-media”><i class=“icon f7-icons”>home</i></div> <div class=“item-inner”> <div class=“item-title label”>Site Address</div> <div class=“item-input”> <textarea type=“text” id=“siteinfo” name=“siteinfo”></textarea> </div> </div> </div> </li> <li> <div class=“item-content”> <div class=“item-media”><i class=“icon f7-icons”>compass</i></div> <div class=“item-inner”> <div class=“item-title label”>Post Code</div> <div class=“item-input”> <input type=“text” id=“sitepost” name=“sitepost” placeholder=“Post Code”> </div> </div> </div> </li> <li> <div class=“item-content”> <div class=“item-media”><i class=“icon f7-icons”>phone</i></div> <div class=“item-inner”> <div class=“item-title label”>Telephone Number</div> <div class=“item-input”> <input type=“tel” id=“sitephonenumber” name=“sitephonenumber” placeholder=“Phone Number”> </div> </div> </div> </li> <div class=“content-block-title”>Type of property</div> <li> <div class=“item-content”> <div class=“item-media”><i class=“icon f7-icons”>home</i></div> <div class=“item-inner”> <div class=“item-title label”>Property</div> <div class=“item-input”> <select> <option name=“customer” id=“account” value=“Account”>Account</option> <option name=“customer” id=“domestic” value=“Domestic”>Domestic</option> <option name=“customer” id=“commercial” value=“Commerical”>Commercial</option> </select> </div> </div> </div> </li> <div class=“content-block-title”>Engineer Details</div> <li> <div class=“item-content”> <div class=“item-media”><i class=“icon f7-icons”>person</i></div> <div class=“item-inner”> <div class=“item-title label”>Engineer Name</div> <div class=“item-input”> <input type=“text” id=“engname” name=“engname” placeholder=“Engineer Name”> </div> </div> </div> </li> <li> <div class=“item-content”> <div class=“item-media”><i class=“icon f7-icons”>gear</i></div> <div class=“item-inner”> <div class=“item-title label”>Job Type</div> <div class=“item-input”> <select> <option id=“locks” name=“jobtype” value=“Locks” data-cacheval=“true”>Locks</option> <option id=“glazing” name=“jobtype” value=“Glazing” data-cacheval=“false”>Glazing</option> </select> </div> </div> </div> </li> <li> <div class=“item-content”> <div class=“item-media”><i class=“icon f7-icons”>timer</i></div> <div class=“item-inner”> <div class=“item-title label”>Time Work Started</div> <div class=“item-input”> <input type=“datetime-local” name=“timeone” data-clear-btn=“true” id=“timeone”> </div> </div> </div> </li> <li> <div class=“item-content”> <div class=“item-media”><i class=“icon f7-icons”>timer</i></div> <div class=“item-inner”> <div class=“item-title label”>Time Work Finished</div> <div class=“item-input”> <input type=“datetime-local” name=“timetwo” data-clear-btn=“true” id=“timetwo”> </div> </div> </div> </li> <li class=“align-top”> <div class=“item-content”> <div class=“item-media”><i class=“icon f7-icons”>document_text</i></div> <div class=“item-inner”> <div class=“item-title label”>Work Required</div> <div class=“item-input”> <textarea type=“text” id=“workreq” name=“workreq”></textarea> </div> </div> </div> </li> <input type=“reset” id=“reset-btn” value=“Reset Form”> <div class=“ui-controlgroup-controls ”> </div> <input type=“submit” id=“button” class=“button” value=“Submit” name=“button”> </form>