CINXE.COM

<meta http-equiv="refresh" content="0; url = https://optics.unitedscientificgroup.org/" /> <!DOCTYPE html> <html> <head>  <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />  <title> Abstract Submission | OPL-2024 </title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poppins:400,600,700&display=swap" rel="stylesheet" />  <link href="css/style.css" rel="stylesheet" /> <link href="css/magnific-popup.css" rel="stylesheet" />  <link href="css/responsive.css" rel="stylesheet" /> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "OPL-2024", "alternateName": "Optics Conference 2024", "url": "https://opticsconference.org" } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-2B1HRMFQJV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-2B1HRMFQJV'); </script> </head> <body> <div class="hero_area">  <div class="hero_bg_box"> <div class="img-box"> <img src="images/OPL-2024-banner.jpg" alt=""> </div> </div> <header class="header_section"> <div class="header_top"> <div class="container-fluid"> <div class="contact_link-container"> <a href="" class="contact_link1"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span> Valencia, Spain | Online </span> </a> <a href="abstract_submission" class="contact_link2"> <i class="fa fa-hourglass-half" aria-hidden="true"></i> Final Round of Abstract Submission ends on: <span style="color: #f1db25; font-weight: bolder; padding-left: 5px;"> Closed<span> </a> <a href="" class="contact_link3"> <i class="fa fa-envelope" aria-hidden="true"></i> <span> opl@uniscigroup.org </span> </a> </div> </div> </div> <div class="header_bottom"> <div class="container-fluid"> <nav class="navbar navbar-expand-lg custom_nav-container"> <a class="navbar-brand py-0" href="/">  <img src="images/OPL-logo.png" alt="OPL-2024" width="90%"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class=""></span> </button> <div class="collapse navbar-collapse ml-auto" id="navbarSupportedContent"> <ul class="navbar-nav "> <li class="nav-item active"> <a class="nav-link" href="./">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="about"> About</a> </li> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Past events</a> <div class="dropdown-menu"> <a href="https://optics.unitedscientificgroup.org/2023/" class="dropdown-item">OPL-2023</a> <a href="https://optics.unitedscientificgroup.org/2022" class="dropdown-item">OPL-2022</a> <a href="https://optics.unitedscientificgroup.org/2021/" class="dropdown-item">OPL-2021</a> <a href="https://unitedscientificgroup.org/optics-and-lasers-2019/home.php" class="dropdown-item">OPL-2019</a> </div> </div> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Experts</a> <div class="dropdown-menu"> <a href="committee" class="dropdown-item">Scientific Committee</a> <a href="speakers" class="dropdown-item">Speakers</a> </div> </div> <li class="nav-item"> <a class="nav-link" href="dates-to-note">Dates</a> </li> <li class="nav-item"> <a class="nav-link" href="become_a_sponsor"> Sponsor </a> </li> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Abstract</a> <div class="dropdown-menu"> <a href="abstract_submission" class="dropdown-item">Abstract Submission</a> <a href="speaker-guidelines" class="dropdown-item">Speaker Guidelines</a> <a href="poster-guidelines" class="dropdown-item">Poster Guidelines</a> <a href="review-process" class="dropdown-item">Review Process</a> </div> </div> <li class="nav-item"> <a class="nav-link" href="venue-and-hospitality"> Venue </a> </li> <li class="nav-item"> <a class="nav-link" href="registration_form">Register</a> </li> </ul> </div> </nav> </div> </div> </header>  <section class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_1.jpg');" data-stellar-background-ratio="0.5"> <div class="overlay"></div> <div class="container"> <div class="row no-gutters slider-text align-items-end"> <div class="col-md-9 ftco-animate pb-5"> <h1 class="mb-0 bread">Abstract Submission</h1> <p class="breadcrumbs mb-2"><span class="mr-2"><a href="./">Home <i class="fa fa-chevron-right"></i></a></span> <span>Abstract Submission <i class="fa fa-chevron-right"></i></span></p> </div> </div> </div> </section> <section class="ftco-section bg-light"> <div class="container"> <h1 class="text-center">Abstract Submission OPL-2024</h1> <div class="row justify-content-center"> <div class="col-md-12"> <div class="wrapper"> <div class="row mb-5"> <div class="cont-details col-md-12 mt-1"> <form method="post" name="form1" class="abstractform" id="abstractform" enctype="multipart/form-data"> <div class="row mt-5"> <div class="form-group col-md-4"> <label class="mr-sm-2" for="inlineFormCustomSelect">Title</label> <select class="form-control" name="tittle" required> <option value="Dr.">Dr.</option> <option value="Mr.">Mr.</option> <option value="Mrs.">Mrs.</option> <option value="Ms.">Ms.</option> </select> </div> <div class="form-group col-md-4"> <label for="inputEmail4">Name</label> <input type="name" class="form-control" name="name" id="name" placeholder="Name" required> </div> <div class="form-group col-md-4"> <label for="inputEmail4">Email</label> <input type="email" class="form-control" name="email" id="email" placeholder="Email" required> </div> </div> <div class="row"> <div class="form-group col-md-4"> <label for="phone">Telephone</label> <input type="text" class="form-control" name="phone" id="phone" placeholder="Enter your phone number" required> </div> <div class="form-group col-md-4"> <label for="inputCity">City</label> <input type="text" class="form-control" placeholder="Enter your city name" name="city" id="city" required> </div> <div class="form-group col-md-4"> <label for="country">Country</label> <select class="form-control" name="country" data-country="US" required> <option value="Select Any" selected="selected">Select Country</option> <option value="United States">United States</option> <option value="United Kingdom">United Kingdom</option> <option value="Afghanistan">Afghanistan</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="American Samoa">American Samoa</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Anguilla">Anguilla</option> <option value="Antarctica">Antarctica</option> <option value="Antigua and Barbuda">Antigua and Barbuda</option> <option value="Argentina">Argentina</option> <option value="Armenia">Armenia</option> <option value="Aruba">Aruba</option> <option value="Australia">Australia</option> <option value="Austria">Austria</option> <option value="Azerbaijan">Azerbaijan</option> <option value="Bahamas">Bahamas</option> <option value="Bahrain">Bahrain</option> <option value="Bangladesh">Bangladesh</option> <option value="Barbados">Barbados</option> <option value="Belarus">Belarus</option> <option value="Belgium">Belgium</option> <option value="Belize">Belize</option> <option value="Benin">Benin</option> <option value="Bermuda">Bermuda</option> <option value="Bhutan">Bhutan</option> <option value="Bolivia">Bolivia</option> <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> <option value="Botswana">Botswana</option> <option value="Bouvet Island">Bouvet Island</option> <option value="Brazil">Brazil</option> <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> <option value="Brunei Darussalam">Brunei Darussalam</option> <option value="Bulgaria">Bulgaria</option> <option value="Burkina Faso">Burkina Faso</option> <option value="Burundi">Burundi</option> <option value="Cambodia">Cambodia</option> <option value="Cameroon">Cameroon</option> <option value="Canada">Canada</option> <option value="Canadian Nunavut Territory">Canadian Nunavut Territory</option> <option value="Cape Verde">Cape Verde</option> <option value="Cayman Islands">Cayman Islands</option> <option value="Central African Republic">Central African Republic</option> <option value="Chad">Chad</option> <option value="Chile">Chile</option> <option value="China">China</option> <option value="Christmas Island">Christmas Island</option> <option value="Cocos (Keeling Islands)">Cocos (Keeling Islands)</option> <option value="Colombia">Colombia</option> <option value="Comoros">Comoros</option> <option value="Congo">Congo</option> <option value="Cook Islands">Cook Islands</option> <option value="Costa Rica">Costa Rica</option> <option value="Cote D'Ivoire (Ivory Coast)">Cote D'Ivoire (Ivory Coast)</option> <option value="Croatia (Hrvatska)">Croatia (Hrvatska)</option> <option value="Cuba">Cuba</option> <option value="Cyprus">Cyprus</option> <option value="Czech Republic">Czech Republic</option> <option value="Denmark">Denmark</option> <option value="Djibouti">Djibouti</option> <option value="Dominica">Dominica</option> <option value="Dominican Republic">Dominican Republic</option> <option value="East Timor">East Timor</option> <option value="Ecuador">Ecuador</option> <option value="Egypt">Egypt</option> <option value="El Salvador">El Salvador</option> <option value="Equatorial Guinea">Equatorial Guinea</option> <option value="Eritrea">Eritrea</option> <option value="Estonia">Estonia</option> <option value="Ethiopia">Ethiopia</option> <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> <option value="Faroe Islands">Faroe Islands</option> <option value="Fiji">Fiji</option> <option value="Finland">Finland</option> <option value="France">France</option> <option value="France, Metropolitan">France, Metropolitan</option> <option value="French Guiana">French Guiana</option> <option value="French Polynesia">French Polynesia</option> <option value="French Southern Territories">French Southern Territories</option> <option value="Gabon">Gabon</option> <option value="Gambia">Gambia</option> <option value="Georgia">Georgia</option> <option value="Germany">Germany</option> <option value="Ghana">Ghana</option> <option value="Gibraltar">Gibraltar</option> <option value="Greece">Greece</option> <option value="Greenland">Greenland</option> <option value="Grenada">Grenada</option> <option value="Guadeloupe">Guadeloupe</option> <option value="Guam">Guam</option> <option value="Guatemala">Guatemala</option> <option value="Guinea">Guinea</option> <option value="Guinea-Bissau">Guinea-Bissau</option> <option value="Guyana">Guyana</option> <option value="Haiti">Haiti</option> <option value="Heard and McDonald Islands">Heard and McDonald Islands</option> <option value="Honduras">Honduras</option> <option value="Hong Kong">Hong Kong</option> <option value="Hungary">Hungary</option> <option value="Iceland">Iceland</option> <option value="India">India</option> <option value="Indonesia">Indonesia</option> <option value="Iran">Iran</option> <option value="Iraq">Iraq</option> <option value="Ireland">Ireland</option> <option value="Israel">Israel</option> <option value="Italy">Italy</option> <option value="Jamaica">Jamaica</option> <option value="Japan">Japan</option> <option value="Jordan">Jordan</option> <option value="Kazakhstan">Kazakhstan</option> <option value="Kenya">Kenya</option> <option value="Kiribati">Kiribati</option> <option value="Korea (North)">Korea (North)</option> <option value="Korea (South)">Korea (South)</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyzstan">Kyrgyzstan</option> <option value="Laos">Laos</option> <option value="Latvia">Latvia</option> <option value="Lebanon">Lebanon</option> <option value="Lesotho">Lesotho</option> <option value="Liberia">Liberia</option> <option value="Libya">Libya</option> <option value="Liechtenstein">Liechtenstein</option> <option value="Lithuania">Lithuania</option> <option value="Luxembourg">Luxembourg</option> <option value="Macau">Macau</option> <option value="Macedonia">Macedonia</option> <option value="Madagascar">Madagascar</option> <option value="Malawi">Malawi</option> <option value="Malaysia">Malaysia</option> <option value="Maldives">Maldives</option> <option value="Mali">Mali</option> <option value="Malta<">Malta</option> <option value="Marshall Islands">Marshall Islands</option> <option value="Martinique">Martinique</option> <option value="Mauritania">Mauritania</option> <option value="Mauritius">Mauritius</option> <option value="Mayotte">Mayotte</option> <option value="Mexico">Mexico</option> <option value="Micronesia">Micronesia</option> <option value="Moldova">Moldova</option> <option value="Monaco">Monaco</option> <option value="Mongolia">Mongolia</option> <option value="Montserrat">Montserrat</option> <option value="Morocco">Morocco</option> <option value="Mozambique">Mozambique</option> <option value="Myanmar">Myanmar</option> <option value="Namibia">Namibia</option> <option value="Nauru">Nauru</option> <option value="Nepal">Nepal</option> <option value="Netherlands">Netherlands</option> <option value="Netherlands Antilles">Netherlands Antilles</option> <option value="New Caledonia">New Caledonia</option> <option value="New Zealand">New Zealand</option> <option value="Nicaragua">Nicaragua</option> <option value="Niger">Niger</option> <option value="Nigeria">Nigeria</option> <option value="Niue">Niue</option> <option value="Norfolk Island">Norfolk Island</option> <option value="Northern Mariana Islands">Northern Mariana Islands</option> <option value="Norway">Norway</option> <option value="Oman">Oman</option> <option value="Pakistan">Pakistan</option> <option value="Palau">Palau</option> <option value="Panama">Panama</option> <option value="Papua New Guinea">Papua New Guinea</option> <option value="Paraguay">Paraguay</option> <option value="Peru">Peru</option> <option value="Philippines">Philippines</option> <option value="Pitcairn">Pitcairn</option> <option value="Poland">Poland</option> <option value="Portugal">Portugal</option> <option value="Qatar">Qatar</option> <option value="Reunion">Reunion</option> <option value="Romania">Romania</option> <option value="Russian Federation">Russian Federation</option> <option value="Rwanda">Rwanda</option> <option value="S. Georgia and S. Sandwich Isls.">S. Georgia and S. Sandwich Isls.</option> <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> <option value="Saint Lucia">Saint Lucia</option> <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> <option value="Samoa">Samoa</option> <option value="San Marino">San Marino</option> <option value="Sao Tome and Principe">Sao Tome and Principe</option> <option value="Saudi Arabia">Saudi Arabia</option> <option value="Senegal">Senegal</option> <option value="Seychelles">Seychelles</option> <option value="Sierra Leone">Sierra Leone</option> <option value="Singapore">Singapore</option> <option value="Slovak Republic">Slovak Republic</option> <option value="Slovenia">Slovenia</option> <option value="Solomon Islands">Solomon Islands</option> <option value="Somalia">Somalia</option> <option value="South Africa">South Africa</option> <option value="Spain">Spain</option> <option value="Sri Lanka">Sri Lanka</option> <option value="St. Helena">St. Helena</option> <option value="St. Pierre and Miquelon">St. Pierre and Miquelon</option> <option value="Sudan">Sudan</option> <option value="Suriname">Suriname</option> <option value="Svalbard and Jan Mayen Islands">Svalbard and Jan Mayen Islands</option> <option value="Swaziland">Swaziland</option> <option value="Sweden">Sweden</option> <option value="Switzerland">Switzerland</option> <option value="Syria">Syria</option> <option value="Taiwan">Taiwan</option> <option value="Tajikistan">Tajikistan</option> <option value="Tanzania">Tanzania</option> <option value="Thailand">Thailand</option> <option value="Togo">Togo</option> <option value="Tokelau">Tokelau</option> <option value="Tonga">Tonga</option> <option value="Trinidad and Tobago">Trinidad and Tobago</option> <option value="Tunisia">Tunisia</option> <option value="Turkey">Turkey</option> <option value="Turkmenistan">Turkmenistan</option> <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> <option value="Tuvalu">Tuvalu</option> <option value="US Minor Outlying Islands">US Minor Outlying Islands</option> <option value="Uganda">Uganda</option> <option value="Ukraine">Ukraine</option> <option value="United Arab Emirates">United Arab Emirates</option> <option value="United Kingdom">United Kingdom</option> <option value="United States">United States</option> <option value="Uruguay">Uruguay</option> <option value="Uzbekistan">Uzbekistan</option> <option value="Vanuatu">Vanuatu</option> <option value="Vatican City State (Holy See)">Vatican City State (Holy See)</option> <option value="Venezuela">Venezuela</option> <option value="Viet Nam">Viet Nam</option> <option value="Virgin Islands (British)">Virgin Islands (British)</option> <option value="Wallis and Futuna Islands">Wallis and Futuna Islands</option> <option value="Western Sahara">Western Sahara</option> <option value="Yemen">Yemen</option> <option value="Yugoslavia">Yugoslavia</option> <option value="Zaire">Zaire</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option> </select> </div> </div> <div class="row"> <div class="form-group col-md-4"> <label for="institution">Organization</label> <input type="text" class="form-control" id="institution" name="institution" placeholder="Organization/Institution" required> </div> <div class="form-group col-md-4"> <label class="mr-sm-2" for="inlineFormCustomSelect">Interested In</label> <select class="form-control" name="interest" required> <option value="Poster Presentation"> Poster Presentation </option> <option value="Oral Presentation"> Oral Presentation </option> <option value="Conducting Workshop"> Conducting Workshop </option> <option value="Conducting Symposium"> Conducting Symposium </option> <option value="Others"> Others </option> </select> </div> <div class="form-group col-md-4"> <label class="mr-sm-2" for="session">Sessions</label> <select class="form-control" name="session" required> <option selected="">Select</option> <option value="Optical Design and Instrumentation">Optical Design and Instrumentation</option> <option value="Novel Development- Optical Materials and Applications">Novel Development- Optical Materials and Applications</option> <option value="Photonic Networks and Devices">Photonic Networks and Devices</option> <option value="Nonlinear Optics and Photonics">Nonlinear Optics and Photonics</option> <option value="Biomedical Optics and Applications">Biomedical Optics and Applications</option> <option value="Laser Science and Technology">Laser Science and Technology</option> <option value="Atomic Physics">Atomic Physics</option> <option value="Laser and Fiber Technologies">Laser and Fiber Technologies</option> <option value="Green Photonics in Industry and Infrastructure">Green Photonics in Industry and Infrastructure</option> <option value="Solar Energy and Photovoltaics">Solar Energy and Photovoltaics</option> <option value="Optical and Photonic Communications and Signaling">Optical and Photonic Communications and Signaling</option> <option value="Optical Fibers and Sensing Technologies">Optical Fibers and Sensing Technologies</option> <option value="Metamaterials and Metasurfaces">Metamaterials and Metasurfaces</option> <option value="Integrated Optics and Nanophotonics">Integrated Optics and Nanophotonics</option> <option value="2D Materials">2D Materials</option> <option value="Quantum Science, Communications and Applications">Quantum Science, Communications and Applications</option> <option value="Holography and Fiber Devices">Holography and Fiber Devices</option> <option value="Other multidimensional Applications of Photonics, Optics and Lasers">Other multidimensional Applications of Photonics, Optics and Lasers</option> </select> </div> </div> <div class="row"> <div class="form-group col-md-4"> <label for="uploadfile">Attach File</label> <input type="file" name="uploadfile" class="form-control" id="uploadfile" required> </div> </div> <div class="row"> <div class="form-group col-md-4"> <label for="exampleFormControlFile1">Abstract Template</label> <h4><a href="Abstract_Template.docx">Download</a></h4> </div> <button type="submit" name="submit" value="submit" class="btn btn-primary my-5 col-md-2">Submit Abstract</button> </div> </form> </div> <style> .abs-list ul { list-style: none; } .abs-list li { padding: 5px 8px; } </style> <div class="col-lg-6 col-md-6 mt-5" style="display:none;"> <h3 class="text-center">Topics</h3> <div class="row"> <div class="abs-list"> <ul> <li><span><i class="fa fa-microphone" aria-hidden="true"></i></span>   </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </section> <div class="modal fade" id="loaderModal" tabindex="-1" aria-labelledby="loaderModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-body text-center"> <img src="images/loaderabstract.gif" alt="Loading..."> </div> </div> </div> </div>  <section class="info_section "> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="info_logo"> <a class="navbar-brand" href="index.html"> <span> Contact </span> </a> <p class="text-justify"> <i class="fa fa-globe" aria-hidden="true"></i> USG United Scientific Group<br /> A non-profit organization, 8105, Suite 112,<br /> Rasor Blvd, Plano, TX 75024, USA </p> <p class="text-justify"> <i class="fa fa-phone" aria-hidden="true"></i> +1-469-854-2280/81,+1-844-395-4102 </p> <p class="text-justify"> <i class="fa fa-envelope" aria-hidden="true"></i> <a href="mailto:opl@uniscigroup.org" class="text-white">opl@uniscigroup.org</a> </p> </div> </div> <div class="col-md-1"></div> <div class="col-md-3"> <div class="info_links"> <h5> Quick Links </h5> <ul> <li> <a href="./"> Home </a> </li> <li> <a href="about"> About </a> </li> <li> <a href="dates-to-note"> Dates to Note </a> </li> <li> <a href="committee"> Scientific Committee </a> </li> <li> <a href="featured-speakers"> Speakers </a> </li> <li> <a href="registration_form"> Registration </a> </li> </ul> </div> </div> <div class="col-md-4"> <div class="info_form "> <h5> Subscribe </h5> <div class="form"> <div id="enqmsg" class="text-white"></div> <form class="subscribe-form" name="enqform"> <input type="text" name="sub_name" id="sub_name" placeholder="Enter your name" class="mb-3"> <input type="email" name="sub_email" id="sub_email" placeholder="Enter your email"> <button type="submit" class="btn btn-primary btn-lg w-50" onclick="return enquiry();"> Subscribe </button> </form>   </div> </div> </div> </div> </section>  <footer class="container-fluid footer_section"> <p>OPL-2024 © <span id="currentYear"></span> Powered by USG <a href="https://unitedscientificgroup.org/">United Scientific Group </a> </p> </footer>  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script src="js/jquery-3.4.1.min.js"></script> <script src="js/bootstrap.js"></script> <script src="js/custom.js"></script> <script src="js/jquery.min.js"></script> <script src="js/jquery-migrate-3.0.1.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.stellar.min.js"></script> <script src="js/jquery.animateNumber.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/scrollax.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script> <script src="js/google-map.js"></script> <script src="js/main.js"></script> <script type="text/javascript"> function enquiry() { var name = document.enqform.sub_name.value; var email = document.enqform.sub_email.value; if (document.enqform.sub_name.value == "") { alert("Please enter your Name"); document.enqform.sub_name.focus(); return false; } if (document.enqform.sub_email.value == "") { alert("Please enter your Email"); document.enqform.sub_email.focus(); return false; } var id = document.enqform.sub_email.value; //The regular expression for a valid e-mail address var re = /^.+\@.+\..{2,4}$/gi; if (!id.match(re)) { //If it is NOT a match //flag++; //errors = errors + "Invalid E-Mail\n"; alert("Not a valid e-mail address"); document.enqform.sub_email.focus(); return false; } if (window.XMLHttpRequest) // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); else // code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) document.getElementById("enqmsg").innerHTML = xmlhttp.responseText; } xmlhttp.open("GET", "enqMessage.php?q=" + email + "&n=" + name); xmlhttp.send(); document.enqform.reset(); return false; } $(document).ready(function() { $('.gallery-item').magnificPopup({ delegate: 'a', type: 'image', tLoading: 'Loading image #%curr%...', mainClass: 'mfp-img-mobile', gallery: { enabled: true, navigateByImgClick: true, preload: [0, 1] }, image: { tError: '<a href="%url%">The image #%curr%</a> could not be loaded.', } }); }); </script> <style> .nav-item .dropdown-item { padding: 0.1rem 1.5rem !important; } </style> </body> </html> <script src="js/jquery.magnific-popup.min.js"></script><script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script type="text/javascript"> $("#abstractform").submit(function(e) { e.preventDefault(); var isValid = true; // Iterate over the form elements $(this).find(":input[required]").each(function() { if ($(this).val().trim() === "") { isValid = false; // Optionally, you can highlight the invalid field or display an error message $(this).addClass("error"); // Add a CSS class for styling } else { $(this).removeClass("error"); } }); if (isValid) { var formData = new FormData(this); // Create FormData object $('#loaderModal').modal('show'); $.ajax({ type: 'POST', url: 'submit_abstract.php', // URL to submit the form data data: formData, processData: false, contentType: false, success: function(response) { let responseData = response.trim(); $('#loaderModal').modal('hide'); if (responseData == 'Success') { Swal.fire({ title: 'Success', text: "Your abstract is submitted successfully. Our conference coordinator will contact you soon...", icon: 'success', customClass: { title: 'swal-title', htmlContainer: 'swal-text' } }).then(() => { window.location.href = "abstract_submission.php"; }); } else { // alert(responseData); Swal.fire('Error', responseData, 'error'); } }, error: function(xhr, status, error) { console.error('Error:', error); // Handle Ajax error } }); } else { // Display an error message or perform other actions to indicate invalid fields Swal.fire('Please fill all required fields.'); } }); </script> <style> .swal-title { font-size: 24px !important; /* Change the title font size */ } .swal-text { font-size: 18px !important;/* Change the text font size */ } .error-message { font-size: 18px !important; color: red; } </style>