International Maritime Club -IMC

<!doctype html> <html class="no-js" lang="zxx"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge">  <meta name="author" content="Aries e-Solutions"> <meta name="description" content="International Maritime Club -IMC"> <meta name="keywords" content="International Maritime Club -IMC"> <meta name="robots" content="INDEX,FOLLOW"> <meta property="og:image" content="https://internationalmaritimeclub.com/assets/our/og-img/imc-og-img.webp" /> <title>IMI Career Development Program - Student Registration</title> <meta property="og:url" content="https://internationalmaritimeclub.com/student-registration-form"> <meta property="og:title" content="Event Calendar | International Maritime Club -IMC" />  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link rel="apple-touch-icon" sizes="57x57" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="60x60" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="76x76" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="114x114" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="120x120" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="144x144" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="152x152" href="assets/our/logo/fav-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="assets/our/logo/fav-icon.png"> <link rel="icon" type="image/png" sizes="192x192" href="assets/our/logo/fav-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="assets/our/logo/fav-icon.png"> <link rel="icon" type="image/png" sizes="96x96" href="assets/our/logo/fav-icon.png"> <link rel="icon" type="image/png" sizes="16x16" href="assets/our/logo/fav-icon.png"> <link rel="manifest" href="assets/img/favicons/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="assets/img/favicons/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff">  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>    <link rel="stylesheet" href="assets/css/bootstrap.min.css">  <link rel="stylesheet" href="assets/css/fontawesome.min.css">  <link rel="stylesheet" href="assets/css/magnific-popup.min.css">  <link rel="stylesheet" href="assets/css/slick.min.css">  <link rel="stylesheet" href="assets/css/style.css"> <link rel="stylesheet" href="assets/css/style-nd.css"> </head> <body>      <div class="sidemenu-wrapper d-none d-lg-block "> <div class="sidemenu-content"> <button class="closeButton sideMenuCls"><i class="far fa-times"></i></button> <div class="widget "> <div class="themeholy-widget-about"> <div class="about-logo"> <a href="./"><img src="assets/our/logo/logo.png" alt="logo"></a> </div>  <div class="themeholy-social"> <a href="https://www.facebook.com/International-Maritime-Club-137131579633756/" target="_blank"><i class="fab fa-facebook-f"></i></a> <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a> <a href="https://www.linkedin.com/company/imc---international-maritime-club" target="_blank"><i class="fab fa-linkedin-in"></i></a>  </div> </div> </div>  </div> </div>   <div class="themeholy-menu-wrapper"> <div class="themeholy-menu-area text-center"> <button class="themeholy-menu-toggle"><i class="fal fa-times"></i></button> <div class="mobile-logo"> <a href="./"><img src="assets/our/logo/logo-footer.png" alt="Logo"></a> </div> <div class="themeholy-mobile-menu"> <ul> <li> <a href="./">Home</a> </li> <li class="menu-item-has-children"> <a href="#">IMC</a> <ul class="sub-menu"> <li><a href="about">About</a></li> <li><a href="imc-members">Members</a></li> <li><a href="rules">Rules And Regulations</a></li> <li><a href="membership">Membership Benefits</a></li> <li><a href="imc-registration-form">Registration</a></li> </ul> </li>  <li class="menu-item-has-children"> <a href="#">IMI </a> <ul class="sub-menu"> <li><a href="about-imi">About</a></li> <li><a href="imi-members">Members</a></li> <li><a href="benefits-imi">Membership Benefits</a></li>  <li><a href="imi-registration-form">Membership Registration</a></li> <li><a href="student-registration-form">Career Guidance Programs Registration</a></li> </ul> </li> <li class="menu-item-has-children"> <a href="#">Event</a> <ul class="sub-menu">  <li><a href="event-partnership">Event Partners</a></li> <li><a href="event-calender">Event Calendar</a></li>  <li class="menu-item-has-children"><a href="#">IMC/IMI Events</a> <ul class="sub-menu"> <li><a href="imc-mighty-mariner-event-pune-24.php" target="_blank">IMC Maritime Career Guidance Event<br> "Mighty Mariner" Pune Edition 2024</a></li> <li><a href="imc-honorary-doctorate-leadership-awards-dubai-24" target="_blank">IMC Honorary Doctorate Leadership <br> Excellence Awards 2024</a></li> <li><a href="imc-golden-shield-awards-uk-2023" target="_blank">3 <sup>rd</sup> Edition IMC Golden Shield Excellence <br> Awards 2023 – UK Chapter</a></li> <li><a href="imc_golden_shield_excellence_award_2019_ukchapter" target="_blank">2<sup>nd</sup> Edition IMC Golden Shield <br>Excellence Awards 2019 – UK Chapter</a></li> <li><a href="imcgoldenshieldawards" target="_blank">IMC Golden Shield Excellence <br> Awards 2017 – UK CHAPTER</a></li> <li><a href="imc-professional-excellence-awards-kuwait-chapter" target="_blank">IMC Professional Excellence <br> Awards - Kuwait Chapter</a></li> <li><a href="IMC-maritime-excellence-awards-bahrain-KSA" target="_blank">IMC Maritime Excellence <br> Awards - Bahrain & KSA Chapter</a></li> </ul> </li> </ul> </li> <li class="menu-item-has-children"> <a href="#">News</a> <ul class="sub-menu"> <li><a href="all-news">Daily News</a></li> <li><a href="imc-newsletters">Newsletters</a></li> </ul> </li> <li> <a href="gallery" target="_blank">Gallery</a> </li> <li> <a href="videoandachives">Video Archives</a> </li>  <li> <a href="contact">Contact </a> </li> <li> <a href="links">Useful Links</a> </li>  </ul> </div> </div> </div>  <header class="themeholy-header header-layout1 header-layout7"> <div class="header-top"> <div class="container"> <div class="row justify-content-center justify-content-lg-between align-items-center gy-2"> <div class="col-auto d-none d-md-block"> <div class="header-links"> <ul>   </ul> </div> </div> <div class="col-auto"> <div class="header-right"> <div class="header-social"> <a href="https://www.facebook.com/International-Maritime-Club-137131579633756/" target="_blank"><i class="fab fa-facebook-f"></i></a>  <a href="https://www.linkedin.com/company/imc---international-maritime-club"><i class="fab fa-linkedin-in"></i></a> <a href="https://www.youtube.com/@InternationalMaritimeClub" target="_blank"><i class="fab fa-youtube"></i></a> <a href="https://www.instagram.com/internationalmaritimeclub/" target="_blank"><i class="fab fa-instagram"></i></a> </div> </div> </div> </div> </div> </div> <div class="sticky-wrapper">  <div class="menu-area"> <div class="container"> <div class="row align-items-center justify-content-between"> <div class="col-auto"> <div class="header-logo"> <a href="./"><img src="assets/our/logo/logo.png" alt="Logo"></a> </div> </div> <div class="col-auto "> <nav class="main-menu d-none d-lg-inline-block"> <ul> <li> <a href="./">Home</a> </li> <li class="menu-item-has-children"> <a href="#">IMC</a> <ul class="sub-menu"> <li><a href="about">About</a></li> <li><a href="imc-members">Members</a></li> <li><a href="rules">Rules And Regulations</a></li> <li><a href="membership">Membership Benefits</a></li> <li><a href="imc-registration-form">Registration</a></li> </ul> </li> <li class="menu-item-has-children"> <a href="#">IMI </a> <ul class="sub-menu"> <li><a href="about-imi">About</a></li> <li><a href="imi-members">Members</a></li> <li><a href="benefits-imi">Membership Benefits</a></li>  <li><a href="imi-registration-form">Membership Registration</a></li> <li><a href="student-registration-form">Career Guidance Programs Registration</a></li> </ul> </li> <li class="menu-item-has-children"> <a href="#">Event</a> <ul class="sub-menu">  <li><a href="event-partnership">Event Partners</a></li> <li><a href="event-calender">Event Calendar</a></li>  <li class="menu-item-has-children"><a href="#">IMC/IMI Events</a> <ul class="sub-menu"> <li><a href="imc-mighty-mariner-event-pune-24.php" target="_blank">IMC Maritime Career Guidance Event<br> "Mighty Mariner" Pune Edition 2024</a></li> <li><a href="imc-honorary-doctorate-leadership-awards-dubai-24" target="_blank">IMC Honorary Doctorate Leadership <br> Excellence Awards 2024</a></li> <li><a href="imc-golden-shield-awards-uk-2023" target="_blank">3 <sup>rd</sup> Edition IMC Golden Shield Excellence <br> Awards 2023 – UK Chapter</a></li> <li><a href="imc_golden_shield_excellence_award_2019_ukchapter" target="_blank">2<sup>nd</sup> Edition IMC Golden Shield <br>Excellence Awards 2019 – UK Chapter</a></li> <li><a href="imcgoldenshieldawards" target="_blank">IMC Golden Shield Excellence <br> Awards 2017 – UK CHAPTER</a></li> <li><a href="imc-professional-excellence-awards-kuwait-chapter" target="_blank">IMC Professional Excellence <br> Awards - Kuwait Chapter</a></li> <li><a href="IMC-maritime-excellence-awards-bahrain-KSA" target="_blank">IMC Maritime Excellence <br> Awards - Bahrain & KSA Chapter</a></li> </ul> </li> </ul> </li> <li class="menu-item-has-children"> <a href="#">News</a> <ul class="sub-menu"> <li><a href="all-news">Daily News</a></li> <li><a href="imc-newsletters">Newsletters</a></li> </ul> </li> <li> <a href="gallery">Gallery</a> </li> <li> <a href="videoandachives">Video Archives</a> </li>  <li> <a href="contact">Contact</a> </li> <li> <a href="links">Useful Links</a> </li> </ul> </nav> <button type="button" class="themeholy-menu-toggle d-inline-block d-lg-none"><i class="far fa-bars"></i></button> </div>  </div> </div> </div>   </div> </header> <div style="position: relative;" class="breadcumb-wrapper overlayy" data-bg-src="assets/our/inner-banner/imc-inner-banner.webp"> <div class="container"> <div class="breadcumb-content">  <h1 class="breadcumb-title">IMI Maritime Career Development Online Student Registration</h1> <div class="breadcumb-menu-wrapper"> <ul class="breadcumb-menu"> <li><a href="./">Home</a></li>  <li>IMI Maritime Career Development Online Student Registration</li> </ul> </div> </div> </div> </div>  <div class="space" id="contact-sec"> <div class="container"> <div class="row gy-40 flex-row-reverse"> <div class="col-12"> <div class="contact-form-wrapper"> <form action="student-reg-form-action.php" id="student_reg_form" name="student_reg_form" method="POST" class="contact-form " enctype="multipart/form-data"> <h2 class="form-title">Register Now<span class="shape"></span></h2> <div class="row"> <div class="form-group col-lg-5"> <label class="newlabel" for="full_name">Full Name</label> <input type="text" class="form-control" name="full_name" id="full_name"> </div> <div class="form-group col-md-3"> <div class="row"> <label class="newlabel" for="gender">Gender</label> <div class="form-check" style="display:flex;"> <div class=""> <input class="form-check-input" type="radio" name="gender" id="male" value="male" required style="height:0px"> <label style="font-weight: 400;" class="form-check-label" for="male" name="gender">Male</label> </div> <div class=""> <input class="form-check-input" type="radio" name="gender" id="female" value="female" required style="height:0px"> <label style="font-weight: 400;" class="form-check-label" for="female">Female</label> </div> </div> </div> <div id="caterr"></div> </div> <div class="form-group col-md-4"> <label class="newlabel" for="email">Email ID</label> <input type="email" class="form-control" name="email" id="email"> </div> <div class="form-group col-md-4"> <label class="newlabel" for="contact_no">Contact Number</label> <input type="number" class="form-control" name="contact_no" id="contact_no"> </div> <div class="form-group col-lg-4"> <label class="newlabel" for="dob">Date Of Birth</label> <input type="date" class="form-control" name="dob" id="dob" onfocus="this.showPicker()" max="2024-11-23"> </div> <div class="form-group col-lg-4"> <label class="newlabel" for="age">Age</label> <input type="number" class="form-control" name="age" id="age" readonly style="background:#e4e4e7;"> </div> <div class="form-group col-md-6"> <label class="newlabel" for="institute">Institute Name & Address</label> <input type="text" class="form-control" name="institute" id="institute"> </div> <div class="form-group col-md-6"> <label class="newlabel" for="institute">Course Name</label> <input type="text" class="form-control" name="course_name" id="course_name"> </div> <div class="form-group col-md-12"> <div class="row"> <label class="newlabel" style="text-transform: capitalize;" for="current_year">Current Year</label> <div class="col-md-3"> <div class="form-check"> <input class="form-check-input" type="radio" name="current_year" id="firstYear" value="First Year" required style="height:0px"> <label class="form-check-label" for="firstYear"> First Year </label> </div> </div> <div class="col-md-3"> <div class="form-check"> <input class="form-check-input" type="radio" name="current_year" id="secondYear" value="Second Year" required style="height:0px"> <label class="form-check-label" for="secondYear"> Second Year </label> </div> </div> <div class="col-md-3"> <div class="form-check"> <input class="form-check-input" type="radio" name="current_year" id="thirdYear" value="Third Year" required style="height:0px"> <label class="form-check-label" for="thirdYear"> Third Year </label> </div> </div> <div class="col-md-3"> <div class="form-check"> <input class="form-check-input" type="radio" name="current_year" id="finalYear" value="Final Year" required style="height:0px"> <label class="form-check-label" for="finalYear"> Final Year </label> </div> </div> </div> <div id="caterr1"></div> </div> <div class="form-group col-md-12"> <div class="row"> <label class="newlabel" style="text-transform: capitalize;">Areas of Interest in Maritime (Select all that apply):</label> <div class="col-md-4"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="interest[]" id="navigation" value="Navigation" required style="height:0px"> <label class="form-check-label" for="navigation"> Navigation </label> </div> </div> <div class="col-md-4"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="interest[]" id="maritimeEngineering" value="Maritime Engineering" required style="height:0px"> <label class="form-check-label" for="maritimeEngineering"> Maritime Engineering </label> </div> </div> <div class="col-md-4"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="interest[]" id="marineBiology" value="Marine Biology" required style="height:0px"> <label class="form-check-label" for="marineBiology"> Marine Biology </label> </div> </div> <div class="col-md-4"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="interest[]" id="maritimeLogistics" value="Maritime Logistics and Supply Chain" required style="height:0px"> <label class="form-check-label" for="maritimeLogistics"> Maritime Logistics and Supply Chain </label> </div> </div> <div class="col-md-4"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="interest[]" id="navalArchitecture" value="Naval Architecture" required style="height:0px"> <label class="form-check-label" for="navalArchitecture"> Naval Architecture </label> </div> </div> <div class="col-md-4"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="interest[]" id="oceanography" value="Oceanography" required style="height:0px"> <label class="form-check-label" for="oceanography"> Oceanography </label> </div> </div> <div class="col-md-4"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="interest[]" id="nauticalScience" value="Nautical Science" required style="height:0px"> <label class="form-check-label" for="nauticalScience"> Nautical Science </label> </div> </div> <div class="col-md-4"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="interest[]" id="maritimeLaw" value="Maritime Law and Policy" required style="height:0px"> <label class="form-check-label" for="maritimeLaw"> Maritime Law and Policy </label> </div> </div> <div class="col-md-4"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="interest[]" id="others" value="Others" required style="height:0px"> <label class="form-check-label" for="others"> Others </label> </div> </div> </div> </div> <div id="caterr2"></div>  <div class="form-group col-md-12"> <div class="col-md-4" id="otherRemarksContainer" style="display: none;"> <label class="newlabel" for="other_remarks">Please specify:</label> <input type="text" class="form-control" name="other_remarks" id="other_remarks" required> </div> </div>  <div class="form-group col-md-12"> <label class="newlabel" for="why_interest">Why are you interested in the Maritime Career Development Program?</label> <textarea name="why_interest" id="why_interest" cols="10" rows="3" class="form-control" placeholder=""></textarea> </div> <div class="form-group col-md-12"> <div class="row"> <label class="newlabel" style="text-transform: capitalize;" for="experience">2. Do you have any prior experience or knowledge related to the maritime field?</label> <div class="col-md-3"> <div class="form-check"> <input class="form-check-input" type="radio" name="experience" id="experienceYes" value="Yes" required style="height:0px"> <label class="form-check-label" for="experienceYes"> Yes </label> </div> </div> <div class="col-md-3"> <div class="form-check"> <input class="form-check-input" type="radio" name="experience" id="experienceNo" value="No" required style="height:0px"> <label class="form-check-label" for="experienceNo"> No </label> </div> </div> </div> <div id="caterr3"></div>  <div class="row mt-2" id="expRemarksContainer" style="display: none;"> <div class="col-md-12"> <input type="text" class="form-control" name="exp_remarks" id="expRemarks" placeholder="Please provide details about your experience" required> </div> </div> </div> <div class="form-group col-md-12"> <label class="newlabel" for="ambition">Tell us about your ambition in life</label> <textarea name="ambition" id="ambition" cols="8" rows="3" class="form-control" placeholder=""></textarea> </div> <div class="form-group col-md-12"> <div class="row"> <label class="newlabel" style="text-transform: capitalize;" for="declaration">Declaration:</label> <div class="col-md-12"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="declaration[]" id="declarationCheckbox" value="Yes" required style="height:0px;float:none;"> <label class="form-check-label" for="declarationCheckbox"> I hereby declare that the information provided in this registration form is accurate and true to the best of my knowledge. </label> </div> </div> </div> <div id="caterr4"></div> <div class="row"> <div class="col-md-6"> <div class="form-check"> <label class="newlabel" class="form-check-label" for="digiSignatureInput"> Digital Signature </label> <input class="form-check-input" type="file" name="digi_signature" id="digiSignatureInput" accept="image/*"> </div> </div> </div> </div> <div class="col-12 mb-3"> <div class="g-recaptcha" data-sitekey="6Ldxe20UAAAAAD_17wcLirt0F7WmMb_Ixgoi3AYt"> </div> </div> <div class="col-12 mb-3"></div> <div class="btn-group style2 style-btn"> <button type="submit" name="submit" id="submit" class="themeholy-btn"><span>SUBMIT</span> <span class="icon"> <i class="fa-sharp fa-regular fa-paper-plane"></i></span></button> <button type="button" class="themeholy-btn" style="display: none" id="waitmsg" value="Please Wait..." disabled="disabled"><span>Please Wait...</span> </button> </div> </div> </div> <p class="form-messages mb-0 mt-3"></p> </form> </div> </div> </div> </div> </div>  <footer class="footer-wrapper footer-layout5" style="background-color: #121212;"> <div class="widget-area"> <div class="container"> <div class="row justify-content-between"> <div class="col-md-6 col-xxl-3 col-xl-4"> <div class="widget footer-widget"> <div class="themeholy-widget-about"> <div class="about-logo"> <a href="./"><img src="assets/our/logo/logo-footer.png" alt="IMC Logo"></a> </div>  <div class="themeholy-social"> <a href="https://www.facebook.com/International-Maritime-Club-137131579633756/" target="_blank"><i class="fab fa-facebook-f"></i></a> <a href="https://www.youtube.com/@InternationalMaritimeClub" target="_blank"><i class="fab fa-youtube"></i></a> <a href="https://www.linkedin.com/company/imc---international-maritime-club" target="_blank"><i class="fab fa-linkedin-in"></i></a> <a href="https://www.instagram.com/internationalmaritimeclub/" target="_blank"><i class="fab fa-instagram"></i></a>  </div> </div> </div> </div> <div class="col-md-6 col-xl-auto"> <div class="widget footer-widget"> <h3 class="widget_title">Head Quarters</h3> <div class="themeholy-widget-contact"> <div class="info-box"> <p class="info-box_text"> International Maritime Club<br> BCG Tower,1st Floor<br> Opp. CSEZ, Seaport Airport Road<br> Kakkanad, Cochin – 682037,India </p> </div> </div> </div> </div> <div class="col-md-6 col-xl-auto"> <div class="widget widget_nav_menu footer-widget"> <h3 class="widget_title">Regional Office</h3>  <div class="themeholy-widget-contact"> <div class="info-box"> <p class="info-box_text"> International Maritime Club<br> Post Box No: 94354<br> Dubai, UAE </p> </div> </div> </div> </div> </div> </div> </div>   <div class="copyright-wrap"> <div class="container"> <div class="row justify-content-between"> <div class="col-lg-6"> <p class="copyright-text">Copyrights <i class="fal fa-copyright"></i> <script> document.write(new Date().getFullYear()) </script> All Rights Reserved. Designed & Developed By <a href="https://www.ariesesolutions.com/" target="_blank">Aries e-Solutions</a> </p> </div> </div> </div> </div> </footer>    <div class="scroll-top"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"> </path> </svg> </div>   <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>  <script src="assets/js/slick.min.js"></script>  <script src="assets/js/bootstrap.min.js"></script>  <script src="assets/js/jquery.magnific-popup.min.js"></script>  <script src="assets/js/jquery.counterup.min.js"></script>  <script src="assets/js/jquery-ui.min.js"></script>  <script src="assets/js/imagesloaded.pkgd.min.js"></script> <script src="assets/js/isotope.pkgd.min.js"></script>  <script src="assets/js/nice-select.min.js"></script>  <script src="assets/js/main.js"></script> <script src="assets/js/jquery.validate.js"></script>  <script src="assets/js/jquery.youtube-background.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('[data-vbg]').youtube_background(); const videoBackgrounds = VIDEO_BACKGROUNDS; }); </script>   <script src="https://www.google.com/recaptcha/api.js"></script>     <style> .modal { z-index: 100; } </style> </body> </html> <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js"></script> <script type="text/javascript"> // $.validator.addMethod("noSpace", function (value, element) { // return value.indexOf(' ') < 0; // }, "Spaces are not allowed."); var validate = $("#student_reg_form").validate({ rules: { full_name: { required: true, // noSpace: true }, dob: "required", course_name: "required", gender: "required", contact_no: "required", email: "required", institute: "required", why_interest: { required: true, minlength: 10 }, "interest[]": "required", experience: "required", exp_remarks: { required: { depends: function (element) { return $('input[name="experience"]:checked').val() === "Yes"; } } }, ambition: "required", "declaration[]": "required", digi_signature: "required", other_remarks: "required", current_year: "required", }, messages: { full_name: { required: "Please enter your full name.", // noSpace: "Spaces are not allowed in the full name." }, dob: "Please enter date of birth", course_name: "Please enter course name", gender: "Please select gender", contact_no: "Please enter contact number", email: "Please enter email id", institute: "Please enter institute name", why_interest: { required: "Please enter your reason for interest.", minlength: "Your reason must be at least 10 characters long." }, "interest[]": "Please select at least one interest", experience: "Please select experience", exp_remarks: "Please enter experience remarks", ambition: "Please enter ambition", "declaration[]": "Please select declaration box", digi_signature: "Please upload digital signature", other_remarks: "Please enter other interests", current_year: "Please select current year", }, errorPlacement: function (error, element) { if (element.attr("name") == "gender") { error.insertAfter("#caterr"); } else if (element.attr("name") == "current_year") { error.insertAfter("#caterr1"); } else if (element.attr("name") == "interest[]") { error.insertAfter("#caterr2"); } else if (element.attr("name") == "experience") { error.insertAfter("#caterr3"); } else if (element.attr("name") == "declaration[]") { error.insertAfter("#caterr4"); } else { error.insertAfter(element); } }, submitHandler: function () { $("input[name=='gender'], input[name=='experience'], input[name='interest[]'], input[name='declaration']").each(function () { $(this).valid(); }); if (grecaptcha.getResponse() == "") { alert("Are you a robot? Please complete the reCaptcha!"); return false; } $('#submit').hide(); $('#waitmsg').show(); return true; } }); </script> <script> $(document).ready(function () { $('input[name="interest[]"]').on('change', function () { if ($('#others').is(':checked')) { $('#otherRemarksContainer').show(); } else { $('#otherRemarksContainer').hide(); $('#other_remarks').val(''); } }); $('#experienceYes').on('change', function () { $('#expRemarksContainer').show(); }); $('#experienceNo').on('change', function () { $('#expRemarksContainer').hide(); $('#expRemarks').val(''); }); $('#dob').on('change', function () { var dob = new Date($(this).val()); var today = new Date(); var age = today.getFullYear() - dob.getFullYear(); var monthDiff = today.getMonth() - dob.getMonth(); if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < dob.getDate())) { age--; } $('#age').val(age); }); }); // Remove leading spaces on input $('#full_name').on('input', function () { $(this).val($(this).val().replace(/^\s+/, '')); }); </script> <style> .error { color: red !important; font-family: verdana, Helvetica; font-size: 14px; } form { margin: 0 0 2em; font-family: verdana, Helvetica; } .labelname { color: black; font-size: 12px; } .style-btn { justify-content: center; } .newlabel { color: #284291 !important; font-weight: 600; } </style>

CINXE.COM

International Maritime Club -IMC