New Registration for Field Trip

<!DOCTYPE HTML> <html><head> <title>New Registration for Field Trip</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="author" content="Webline Infosoft Pvt. Ltd., Dehradun"> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#mobile').on('keyup',function() { jQuery('#whatsapp').val(jQuery(this).val()); }); }); </script> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/bootstrap.css"> <script type="text/javascript"> function showThisRow( divIdClass, thefieldValue ) { if( divIdClass != "" && thefieldValue == "others" ) { $( "#"+divIdClass ).show(); } else { $( "#"+divIdClass ).hide(); } } function isCharacterKey(evt) { var charCode = (evt.which) ? evt.which : event.keyCode if (charCode == 32 || charCode == 8 || charCode == 44 || charCode == 46 || charCode == 45 || (charCode >= 65 && charCode <= 90) || (charCode >= 97 && charCode <= 122)) return true; return false; } function isNumberKey(evt) { var charCode = (evt.which) ? evt.which : event.keyCode if (charCode > 31 && (charCode < 40 || charCode > 57)) return false; return true; } var whitespace = " \t\n\r"; function isEmpty(s) { return ((s == null) || (s.length == 0)); } function isWhitespace (s) { var i; // Is s empty? if (isEmpty(s)) return true; // Search through string's characters one by one // until we find a non-whitespace character. // When we do, return false; if we don't, return true. for (i = 0; i < s.length; i++) { // Check that current character isnt whitespace. var c = s.charAt(i); if (whitespace.indexOf(c) == -1) return false; } // All characters are whitespace. return true; } function isEmail (s) { // is s whitespace? if (isWhitespace(s)) return false; // there must be >= 1 character before @, so we // start looking at character position 1 // (i.e. second character) var i = 1; var sLength = s.length; // look for @ while ((i < sLength) && (s.charAt(i) != "@")) { i++ } if ((i >= sLength) || (s.charAt(i) != "@")) return false; else i += 2; // look for . while ((i < sLength) && (s.charAt(i) != ".")) { i++ } // there must be at least one character after the . if ((i >= sLength - 1) || (s.charAt(i) != ".")) return false; else return true; } function validate(theform) { var errorMessage = ""; var errorCount = 0; if(theform.nationality.value.replace(/^\s+|\s+$/g,"")=="") { errorCount++; errorMessage = errorMessage + errorCount + ". Select Nationality.\n"; } if(theform.nationality.value.replace(/^\s+|\s+$/g,"")=="Indian" && theform.mobile.value.replace(/^\s+|\s+$/g,"")=="") { errorCount++; errorMessage = errorMessage + errorCount + ". Enter Mobile No.\n"; } if(theform.nationality.value.replace(/^\s+|\s+$/g,"")=="Foreigner" && !isEmail(theform.email.value)) { errorCount++; errorMessage = errorMessage + errorCount + ". Enter Correct Email ID\n"; } if( errorMessage == "" ) return true; else { alert( "Error: Please rectify following errors:\n" + errorMessage ); return false; } } </script> <style> .select2-container{margin-top:10px;} </style> </head> <body> <div class="home-container"> <div class="container instruction-container"><img border="0" src="https://apgindia.org/images/banner/23307-geo-india-logo.png"> <div class="col-md-12"> <div class="instruction-container"> <div class="row"> <div class="form-style-10"> <h1>GeoIndia Registration<span>Register yourself for GeoIndia. OTP(One time password) will be sent in your Email and Mobile number after filling this form to confirm your registration.</span></h1> <style> .custom-bg-overlay { background-color: #f47b35; padding: 20px; width: 100%; height: 100%; } .btn-like-heading { display: flex; flex-direction: column; justify-content: space-around; height: 89%; } .bg-clr-head-bx { background-color: white; border-radius: 30px; box-shadow: 0 0 10px #00000041; padding: 10px 20px; } .orange-txt { color: #f37335; } .blue-txt { color: #40abae; } .green-txt { color: #00a859; } .cust-clr-bx { background-color: white; border-radius: 20px; padding: 10px; margin-bottom: 10px; min-height: 358px; } .cust-clr-bx-heading { text-transform: uppercase; text-align: center; font-size: 26px; } .cust-clr-bx-desc { font-size: 14px; text-align: center; line-height: 22px; } .cust-price-listing { padding: 0px !important; margin: 0px; list-style:none; } .cust-border-b-white { border-bottom: 1px dashed #fff !important; } .cust-price-listing li { font-size: 22px; font-weight: 500; border-bottom: 1px dashed #333; margin-bottom: 20px; text-align: center; } .cust-price-listing li:last-child { border-bottom: 0px transparent; } .no-btm-border { border-bottom: 0px !important } .custom-margin-91{margin-top: 91px !important;} .text-white {color: #fff !important;} </style> <div class="custom-bg-overlay"> <h2 class="text-white">Delegate/Spouse Fees</h2> <div class="row"> <div class="col-lg-3"> <div class="btn-like-heading"> <h4 class="bg-clr-head-bx orange-txt">Delegate Type</h4> <ul class="cust-price-listing" style="margin-top:92px;"> <li class="text-white cust-border-b-white">Govt. / PSU / NGO</li> <li class="text-white cust-border-b-white">Private / Individual</li> <li class="text-white cust-border-b-white">Student</li> <li class="text-white cust-border-b-white">APG India Life Member</li> <li class="text-white">Spouse<img alt="Note GIF" src="/UserFiles/images/apg-india/geo1.gif" style="width:100%;"></li> </ul> </div> </div> <div class="col-lg-3"> <div class="cust-clr-bx"> <h3 class="cust-clr-bx-heading orange-txt">Indian Nationals</h3> <p class="cust-clr-bx-desc">till 15th September, 2024<br> INR + 18% GST</p> <ul class="cust-price-listing"> <li>18,000</li> <li>20,000</li> <li>10,000</li> <li>16,000</li> <p style="margin-top: 42px;"> </p></ul> </div> </div> <div class="col-lg-3"> <div class="cust-clr-bx"> <h3 class="cust-clr-bx-heading blue-txt">Indian Nationals</h3> <p class="cust-clr-bx-desc">after 15th September, 2024<br> INR + 18% GST</p> <ul class="cust-price-listing"> <li>20,000</li> <li>22,000</li> <li>11,000</li> <li>16,000</li> <li>15,000</li> </ul> </div> </div> <div class="col-lg-3"> <div class="cust-clr-bx"> <h3 class="cust-clr-bx-heading green-txt">Foreign Nationals</h3> <p class="cust-clr-bx-desc">USD + 18% GST</p>   <p> </p> <ul class="cust-price-listing" style="margin-top:66px;"> <li class="cust-border-b-white">500</li> <p> </p> <p> </p> <li class="no-btm-border" style="padding-top: 18px;margin-bottom: -9px;border-top: 1px dashed #333 !important;margin-top: -7px;">350</li> <p></p></ul> <p style="margin-bottom: 0px;"> </p> </div> </div> </div> <div class="mt-2"><strong class="text-white">If you are interested in bulk booking for your organization / institute, Please ask for discount</strong></div> </div> <form id="exemptedform" name="exemptedform" method="post" action="send-otp.php" onsubmit="return validate(this);" enctype="multipart/form-data"> <p> </p> <div id="wizard-navigation" style="width: 60%; top: 0; text-align: center; margin: 0 auto; margin-bottom: 13px;"> <h5 style="text-align: center; font-weight: bold; text-transform: uppercase; color: #898989;">Registration Steps</h5> <ul class="wizard-navigation-container"> <li class="wizard-navigation-element active"><span>Contact Details</span></li> <li class="wizard-navigation-element"><span>Verify Your Email/Mobile</span></li> <li class="wizard-navigation-element"><span>Personal Information</span></li> <li class="wizard-navigation-element"><span>Payment</span></li> </ul> </div> <div class="section"><span>1</span>Contact Details</div> <div class="inner-wrap row"> <div class="row"> <div class="col-md-4"><label>1. Nationality <span class="red">*</span> <select required name="nationality" onchange="showOtpArea(this.value);" style="padding-bottom: 4px;" tabindex="1"> <option value="">-- Select --</option> <option value="Indian">Indian</option> <option value="Foreigner">Foreigner</option> </select></label> </div> <div class="col-md-4"><label>2. Select Registration Type <span class="red">*</span> <select required name="formType" style="padding-bottom: 4px;" onchange="showMessages(this.value);" tabindex="1"> <option value="">-- Select --</option> <option value="delegate">Delegate Registration</option>  <option value="cecourse">CE Course Registration</option> <option value="spouse">Only Spouse Registration</option> </select> </div> <div class="col-md-4"><label>3. Select Delegate Type <span class="red">*</span> <select required name="delegateType" style="padding-bottom: 4px;" tabindex="1"> <option value="">-- Select --</option> <option value="Govt. / PSU / NGO">Govt. / PSU / NGO</option> <option value="Private / Individual">Private / Individual</option> <option value="Student">Student</option> <option value="APG India Life Member">APG India Life Member</option> </select> </div> <div class="col-md-4 mailOTP" style="display:none;"><label>4. Email ID <span class="red">*</span> <input type="email" id="emailid" name="email" value="" placeholder="" tabindex="2"/></label> <div class="showemailerror" style="display:none;color:#ff0000;font-weight:bold;padding-bottom:10px;">Email ID already exists</div> </div> <div class="col-md-4 mobileOTP" style="display:none;"><label>4. Mobile No. <span class="red">*</span> <input type="text" id="mobile" onKeyPress="return isNumberKey(event);" value="" name="mobile" placeholder="" tabindex="3" maxlength="10"/></label> <div class="showmobileerror" style="display:none;color:#ff0000;font-weight:bold;padding-bottom:10px;">Mobile No. already exists</div> </div> </div> <div class="row FieldMessage" style="display:none"> <div class="col-md-12"> <div class="alert alert-danger">In view of the overwhelming response for the planned field trips, all the seats have been filled and the registration is now closed. Thanks.</div> </div> </div> <div class="row spouseMessage" style="display:none"> <div class="col-md-12"> <div class="alert alert-danger">After overwhelming response, the Registrations for Spouse Program has been closed.</div> </div> </div> <div class="row allMessage" style="display:none"> <div class="col-md-12"> <div class="alert alert-danger">All Registrations has been closed.</div> </div> </div> </div> <input type="submit" name="submit_alert" value="Continue >>"/> <input type='hidden' value='' id='total' name='total'/> </div> </div> </div>  </form> </div> </div> </div> </div> </div> </div> <script> function showMessages(thevalue) { if( thevalue == "fieldtrip" ) { //$(".FieldMessage").show(); //$('input:submit').attr('disabled',true); } else if( thevalue == "spouse" ) { //$(".spouseMessage").show(); //$('input:submit').attr('disabled',true); } else { //$(".allMessage").show(); //$('input:submit').attr('disabled',true); //$(".FieldMessage").hide(); //$(".spouseMessage").hide(); //$('input:submit').attr('disabled',false); } } function showOtpArea(thevalue) { if( thevalue == "Indian" ) { $(".mobileOTP").show(); $(".mailOTP").hide(); } else if( thevalue == "Foreigner" ) { $(".mobileOTP").hide(); $(".mailOTP").show(); } else { $(".mobileOTP").hide(); $(".mailOTP").hide(); } } </script> </body> </html>

CINXE.COM

New Registration for Field Trip