Differences Between HTML and HTML5 Explained

Differences Between HTML and HTML5

In today’s fast-paced digital world, your website’s structure matters more than ever. When it comes to building websites, you’ll often hear about HTML and HTML5, two terms that are the backbone of modern web design. But what exactly is the difference between HTML and HTML5? Why was HTML5 introduced, and how is it more effective for modern websites?

In this blog, we’ll explore the key difference between HTML and HTML5, how HTML5 improves web development, and why businesses and developers today prefer HTML5 for building powerful and responsive websites.

What is HTML?

HTML, which stands for HyperText Markup Language, has been the backbone of web page creation since the early 1990s. It provides the basic structure of websites by using markup tags to display text, images, links, and other content in web browsers.

However, traditional HTML had its limits. It relied heavily on third-party tools like Flash for interactive media, lacked advanced multimedia support, and did not address modern web application requirements.

Key Advantages of HTML

Basic Page Structure
HTML allows developers to structure content using tags like , , , , and <p>. This forms the skeleton of every web page.<br /> </li> <li><strong>Static Content Display</strong><br /> Websites built with early HTML versions were largely static, meant for displaying text, images, links, and forms with very limited interactivity.<br /> </li> <li><strong>Forms and Inputs</strong><br /> HTML4 supported basic form inputs such as text fields, radio buttons, checkboxes, and submit buttons. However, it lacked advanced form controls such as date pickers or client-side validation.<br /> </li> <li><strong>Limited Multimedia Support</strong><br /> Embedding audio or video required external plugins such as Flash or Java applets, which often led to performance and compatibility issues.<br /> </li> <li><strong>No Semantic Elements</strong><br /> Traditional HTML lacked meaningful tags to define content sections (like navigation or footer), which made it harder for <a href="https://www.wowinfotech.com/hire-developer">developers </a>and search engines to interpret the content structure.<br /> </li> <li><strong>Minimal Native Graphics Support</strong><br /> For any kind of advanced visuals or animation, developers had to rely on external tools or scripts, such as Flash or JavaScript libraries.</li> </ul> <h3><strong>Key Features of HTML</strong></h3> <ol> <li><strong>Page Structure with Tags</strong><br /> HTML uses a set of predefined tags such as <html>, <head>, <title>, <body>, <p>, and <a> to structure content. These tags define headings, paragraphs, hyperlinks, lists, tables, and more, forming the core skeleton of every web page.<br /> </li> <li><strong>Text Formatting</strong><br /> HTML supports text formatting through tags such as <b>, <i>, <strong>, <em>, and <br>, allowing content to be styled with emphasis and clarity.<br /> </li> <li><strong>Image Embedding</strong><br /> Developers can embed images directly into web pages using the <img> tag, enhancing the visual appeal of content.<br /> </li> <li><strong>Hyperlinking</strong><br /> The <a> tag in HTML allows users to create hyperlinks to other pages or websites, forming the very fabric of web navigation.<br /> </li> <li><strong>Tables and Lists</strong><br /> HTML provides powerful tools for organizing data using <table>, <tr>, <td>, and list tags like <ul>, <ol>, and <li>.<br /> </li> <li><strong>Forms for User Input</strong><br /> HTML supports the creation of web forms using tags such as <form>, <input>, <textarea>, and <button>, allowing websites to collect user information.<br /> </li> <li><strong>Cross-Browser Compatibility</strong><br /> HTML is supported by all major web browsers, ensuring consistent rendering of basic page structures across different platforms.<br /> </li> </ol> <h2><strong>What is HTML5?</strong></h2> <p><strong>HTML5</strong> is the most recent version of <a href="https://www.geeksforgeeks.org/html/html-introduction/">HTML</a>. It was developed to address the changing needs of the internet and to support modern web applications without the need for additional plugins. HTML5 makes websites faster, richer, and easier to build. It introduced a range of new elements, attributes, and capabilities to make coding cleaner and improve the user experience.</p> <h3><strong>Key Advantages of HTML5</strong></h3> <ul> <li><strong>Better Multimedia Integration</strong><br /> HTML5 allows you to embed video and audio directly in your pages without depending on Flash or other third-party software.<br /> </li> <li><strong>Cleaner, More Meaningful Code</strong><br /> With semantic elements such as <header>, <footer>, and <nav>, your code becomes easier to read and maintain. It also helps search engines better understand your site’s structure, improving SEO.<br /> </li> <li><strong>Improved Forms</strong><br /> HTML5 supports new input fields such as sliders, date pickers, and email validation, reducing the need for complex JavaScript workarounds.<br /> </li> <li><strong>Advanced Graphics and Interactivity</strong><br /> HTML5’s <canvas> and SVG support enable you to create interactive graphics and animations directly in the browser.<br /> </li> <li><strong>Enhanced Performance and Security</strong><br /> HTML5 websites load faster and are generally more secure, as they rely less on outdated plugins and offer better data storage options directly within the browser.<br /> </li> <li><strong>Responsive and Mobile-Friendly</strong><br /> HTML5 was designed with today’s mobile-first world in mind, making it easier to build web pages that look great on any device.</li> </ul> <h3><strong>Key Features of HTML5</strong></h3> <p><strong>1. Semantic Elements</strong></p> <p>HTML5 introduces meaningful tags such as:</p> <ul> <li><header><br /> </li> <li><footer><br /> </li> <li><article><br /> </li> <li><section><br /> </li> <li><nav><br /> </li> </ul> <p>These elements define the structure of web pages more clearly, making the code easier to read, maintain, and optimize for search engines (SEO).</p> <p><strong>2. Audio and Video Support</strong></p> <p>With the <audio> and <video> tags, HTML5 allows developers to embed media files directly into web pages <strong>without third-party plugins</strong> like Flash. This leads to faster load times, better compatibility, and a smoother user experience.</p> <p><strong>3. Enhanced Form Controls</strong></p> <p>HTML5 brings several new input types and attributes, such as:</p> <ul> <li>Input types: email, url, date, range, color, etc.<br /> </li> <li>Attributes: placeholder, required, autofocus, pattern, autocomplete</li> </ul> <p>These features simplify form creation, improve accessibility, and reduce the need for JavaScript in form validation.</p> <p><strong>4. Canvas Element for Graphics</strong></p> <p>The <canvas> element lets developers draw graphics and animations using JavaScript. It's perfect for:</p> <ul> <li>Games<br /> </li> <li>Data visualizations<br /> </li> <li>Dynamic image generation</li> </ul> <p>This eliminates the need for external graphic plugins.</p> <p><strong>5. Scalable Vector Graphics (SVG) Support</strong></p> <p>HTML5 natively supports SVG, allowing developers to use scalable, resolution-independent graphics for icons, charts, and illustrations directly in the browser.</p> <p><strong>6. Geolocation API</strong></p> <p>HTML5 provides access to a user’s geographic location (with permission) through the Geolocation API. This is useful for:</p> <ul> <li>Mapping applications<br /> </li> <li>Local search results<br /> </li> <li>Location-based services</li> </ul> <p><strong>7. Offline Web Storage</strong></p> <p>HTML5 supports two main storage methods:</p> <ul> <li><strong>localStorage</strong>: Stores data with no expiration time<br /> </li> <li><strong>sessionStorage</strong>: Stores data for a single session<br /> </li> </ul> <p>These allow websites to store user data locally on the client-side, enabling offline access and faster performance.</p> <p><strong>8. Responsive Design Support</strong></p> <p>HTML5 works seamlessly with CSS3 and media queries to enable responsive layouts. It helps create web pages that automatically adjust to different screen sizes and devices.</p> <p><strong>9. Improved Accessibility</strong></p> <p>By using semantic tags and ARIA (Accessible Rich Internet Applications) roles, HTML5 enhances accessibility for users with disabilities, improving screen reader compatibility and navigation.</p> <p><strong>10. Cleaner and More Efficient Code</strong></p> <p>HTML5 reduces the need for extra scripting and styling workarounds. It promotes best practices by allowing developers to write more concise, standardized, and maintainable code.</p> <h2><strong>Key Difference Between HTML and HTML5</strong></h2> <p>Here’s a simple table highlighting their differences:</p> <table cellspacing="0" style="border-collapse:collapse; width:843px"> <tbody> <tr> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:149px"> <p><strong>Feature</strong></p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:240px"> <p><strong>HTML</strong></p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:454px"> <p><strong>HTML5</strong></p> </td> </tr> <tr> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:149px"> <p>Doctype</p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:240px"> <p>Complex and long</p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:454px"> <p>Simple: <!DOCTYPE html></p> </td> </tr> <tr> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:149px"> <p>Audio/Video</p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:240px"> <p>Needs plugins like Flash</p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:454px"> <p>Native support using <audio> and <video> elements</p> </td> </tr> <tr> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:149px"> <p>New Tags</p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:240px"> <p>Fewer, mostly structural tags like <div></p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:454px"> <p>Semantic tags like <section>, <article>, <nav>, <footer>, etc.</p> </td> </tr> <tr> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:149px"> <p>Graphics</p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:240px"> <p>Depended on external plugins</p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:454px"> <p>Built-in <canvas> and SVG support</p> </td> </tr> <tr> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:149px"> <p>Form Elements</p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:240px"> <p>Limited types, simpler inputs</p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:454px"> <p>New input types (email, date, range, colour, etc.)</p> </td> </tr> <tr> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:149px"> <p>Storage</p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:240px"> <p>Relied on cookies</p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:454px"> <p>Web storage (localStorage, sessionStorage)</p> </td> </tr> <tr> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:149px"> <p>APIs</p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:240px"> <p>No native APIs</p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:454px"> <p>Supports APIs like Geolocation, Web Workers, and Offline Web Applications</p> </td> </tr> <tr> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:149px"> <p>Cross-Device Support</p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:240px"> <p>Less responsive for mobile</p> </td> <td style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; vertical-align:bottom; width:454px"> <p>Designed for responsive and mobile-friendly layouts</p> </td> </tr> </tbody> </table> <h2><strong>Why Should You Use HTML5 Today?</strong></h2> <p>If you're building or upgrading a website, it's important to know the difference between HTML and HTML5. Using HTML5 is the best choice. It provides modern features that improve user experience, boost performance, and make your site easier to maintain. </p> <p>At WOWinfotech, we specialize in developing powerful, responsive, and SEO-friendly websites using HTML5 and modern web technologies. Whether you want to redesign your existing site or build a new one from scratch, we can help you make the most of what HTML5 has to offer.</p> <h2><strong>Final Words</strong></h2> <p>While HTML laid the foundation for the web, HTML5 has redefined what websites can do today. Its flexibility, speed, and modern features make it the clear winner for any forward-thinking web project.</p> <p>If you’re planning your next web development project, be sure to choose a team that understands HTML5, like <a href="https://www.wowinfotech.com/contact-us">WOWinfotech</a>, to ensure a future-proof and user-friendly website.</p> <div class="row"> <div class="col-md-8"> <ul class="listinfo-bottm"> <li> <img src="https://www.wowinfotech.com/wow_myadmin/upload/1667045201065.jpg" class="" alt=""> <div class="bottm-infolist"> <h5> Krishna Handge </h5> <p>WOWinfotech</p> <h5> Jul 22,2025 </h5> </div> </li> </ul> </div> </div> <br> </div>  <div class="post-footer mt-5"> <div class="mb-0 mb-md-2"> <div class="dropdown share-dropdown btn-group"> <button class="btn btn-sm btn-primary rounded-pill btn-icon btn-icon-start dropdown-toggle mb-0 me-0" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="uil uil-share-alt"></i> Share In Your Connects</button> <div class="dropdown-menu"> <a class="dropdown-item" href="https://twitter.com/intent/tweet?url=https://www.wowinfotech.com/blog-details/219" target="_blank"><i class="uil uil-twitter"></i>Twitter</a> <a class="dropdown-item" href="https://www.facebook.com/sharer.php?u=https://www.wowinfotech.com/blog-details/219" target="_blank"><i class="uil uil-facebook-f"></i>Facebook</a> <a class="dropdown-item" href="https://web.whatsapp.com/send?text=https://www.wowinfotech.com/blog-details/219" target="_blank"><i class="uil uil-whatsapp"></i>Whatsapp</a> </div>  </div>  </div> </div> </article>  </div>  </div>  </div>  </div>   </div>  <aside class="col-lg-4 sidebar mt-11 mt-lg-6"> <div class="widget">  <style> .wf-field-error { color: red; font-size: 12px; } .wf-field-dropdown .wf-field-input:focus { border: none; } .wf-input-focus.wf-field::after { opacity: 1; } .wf-input-focus.wf-field::after, .wf-field-error-active.wf-field .wf-field-error { display: block; } .wf-field-error-active.wf-field .wf-error-view-more { display: flex; } .wf-field-mandatory .wf-field-inner.no-results-elem::before { height: 98%; } .wf-field-dropdown { width: 100%; border: 1px solid #BDC8D3; border-radius: 4px; padding: 10px 15px; height: 52px; font-size: 14px; font-family: inherit; background-color: #fff; } .dropdown-contents::after { border-left: 0.3rem solid transparent; border-right: 0.3rem solid transparent; border-top: 0.3rem solid #e39426; top: 20px; content: ''; position: absolute; right: 10px; pointer-events: none; } /* ==================== * MultiPicklist Styles * ==================== */ .multiselect.wf-field-dropdown { padding: 0; cursor: text; position: relative; border-color: #8c8e922e; } .multiple-fields-div .wf-field-inner { display: flex; } .multiselect.dropbox-active { border-color: #E39426; border-radius: 4px 4px 0 0; } .multiselect.dropbox-active.dropdownTop:not(.ux-pick-mixed .multiselect.dropbox-active) { border-radius: 0 0 4px 4px; .dropdown-input { min-height: 36px; border-radius: 0 0 4px 4px; } } .multiselect.no-results-elem { border-radius: 4px; } .selected-options.selected-options-field { display: none; } .selected-options { max-height: 150px; overflow: auto; padding: 3px 5px 7px 5px; border-radius: 4px 4px 0 0; border-bottom: 0; min-height: 38px; height: 38px; transition: 0.3s all; scroll-behavior: smooth; } .selected-options.hide-opt-list { min-height: 0; height: 0; padding: 0; } .selected-options.set-opt-list { height: auto; } .selected-options.drp-dwn-no-val { border-right: unset !important; } .dropdown-input.drop-box-closed { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .dropdown-input.drop-box-active { border-top-right-radius: 0 !important; border-radius: 4px; } .dN { display: none !important; } .dropdown1 { position: relative; width: 100%; height: 36px; transition: 0.3s all; } .dropdown1.hide-dropdown { height: 0; } .dropdown-input { width: 100%; border: none; outline: none; height: 30px; padding: 5px; border-radius: 4px; border-radius: 4px 4px 0 0; padding-left: 14px; } .dropdown-input::placeholder { color: #919191; font-size: 14px; } .dropdown-menu { position: absolute; display: none; background-color: #fff; border: 1px solid #BDC8D3; border-radius: 0 0 5px 5px; max-height: 300px; overflow-y: auto; width: calc(100% + 2px); left: -1px; z-index: 3; top: 37px; transition: 0.3s all; } .dropdown-menu.hide-the-inp { top: 0; } .dropdown1.open .dropdown-menu { display: block; } .dropdown-menu.dropdown-focus { border-color: #E39426; border-top: 1px solid #E6EBF1; } .dropdown-menu.dropdown-focus.dropdownTop:not(.ux-pick-mixed .dropdown-menu.dropdown-focus) { border-top: 1px solid #E39426; border-radius: 5px 5px 0 0; } .multiselect.dropbox-active .dropdown-input { border-top: 0; border-bottom: 0; padding-bottom: 17px; padding-top: 19px; border-left-color: transparent; } .multi-tag { background-color: #CEEBFF; padding: 2px 5px 3px 10px; border-radius: 15px; margin: 5px 5px 0 2px; display: inline-flex; max-width: 96%; } .tag-data-val { cursor: default; max-width: 550px; } .no-results { cursor: default !important; text-align: center; color: #919191; font-size: 14px; } .no-results:hover { background-color: unset !important; } .opt-hide { display: none; } .opt-show { display: block; } .tag-close-btn { margin-left: 3px; padding: 0px 4px 0px; border-radius: 50%; opacity: 0.5; font-weight: bold; cursor: pointer; } .multi-tag:hover .tag-close-btn { opacity: 1; } .input-not-active { display: none; } .ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* ==================== * MultiPicklist Styles * ==================== */ .ux-pick-mixed { .dropdown-contents { padding: 12.5px 10px; /* height: 100%; */ } .dropdown-menu { width: max-content; max-width: 30rem; top: 42px; border: 1px solid #D2DBE5; border-radius: 4px; box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2); .option[data-selected=true] { background-color: #E2F3FC; font-weight: 600; } } .wf-field-dropdown.dropbox-active::after { content: ''; border: 2px solid #E39426; position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; z-index: 1; } .wf-field-item:not(.selected-options) { min-height: 36px; } } .wf-form-component:not([data-ux-form-alignment='top']) .multiple-fields-div { width: 70%; } .icon-with-text-dropdown { .dropdown1>span { margin-right: 10px; } .icon-text-dropdown { display: flex; align-items: center; } .option { padding: 10px 14px; } } .dropdown-with-search { .dropdown.open .dropdown-menu { display: flex; flex-direction: column; } .dropdown-items-wrapper { flex-grow: 1; overflow-y: auto; } } .multiple-fields-div { display: flex; flex-direction: column; &.flex-1-5 { .field-1 { flex: 1; } .field-2 { flex: 5; } } .wf-field-dropdown { border-radius: 4px 0px 0px 4px; border-right: 0; } .wf-field-item:not(.selected-options) { border-radius: 0px 4px 4px 0px; } &.wf-field { word-break: unset; } } .dropdown-menu { .dropdown-search-input { padding: 5px 10px; width: 92%; margin: 10px; border: 1px solid #CDD8E3; border-radius: 4px; } .dropdown-search-input:hover { border: 1px solid #E39426; } .dropdown-search-input:focus { border: 2px solid #E39426; } } /* RTL Css change start */ html[dir=rtl] { .multiple-fields-div { .wf-field-item:not(.selected-options) { border-radius: 4px 0px 0px 4px; } .wf-field-dropdown { border-radius: 0px 4px 4px 0px; border-left: 0; border-right: 1px solid #BDC8D3; } } .ux-pick-mixed { .dropdown-menu { right: -1px; } } .wf-form-component[data-ux-form-alignment='left'] .wf-label { padding-left: 2rem; padding-right: 0; } .wf-time-field-wrapper select { margin-left: 0px; margin-right: 10px; } } /* RTL Css change end */ /* ==================== *** Form Alignment *** ==================== */ </style> <div class='wf-parent home-form-outer-blk shadow-lg1 py-3 ' id='BiginWebToRecordFormParent887213000000367073'> <div class='wf-wrapper' id='BiginWebToRecordFormDiv887213000000367073'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <META HTTP-EQUIV='content-type' CONTENT='text/html;charset=UTF-8'>  <form id='contactForem' name='contactForem' class='wf-form-component' data-ux-form-alignment='top' method='POST' enctype='multipart/form-data' action="https://www.wowinfotech.com/Home/saveContact" accept-charset='UTF-8'> <input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response"> <input type="hidden" name="country_code" value="+91">  <input type='text' style='display:none;' name='xnQsjsdp' value='9a629937926a540b55705367f45c7a7364977638fbaf53f10e1ed05fd95d9ace'/> <input type='hidden' name='zc_gad' id='zc_gad' value=''/> <input type='text' style='display:none;' name='xmIwtLD' value='bd9880e6b5c1d57432af315fc4ac6260f4bc0d7457a4c11d2628b8c1b3a30e7289d0d43e401ab550c5585b27177539a9'/> <input type='text' style='display:none;' name='actionType' value='Q29udGFjdHM='/> <input type='text' style='display:none;' name='returnURL' value='null' /> <h3 class='wf-header display-4 mb-5 px-xl-5 text-center' style="font-size: 25px;">Request a free consultation </h3> <div id='elementDiv887213000000367073' class='wf-form-wrapper row'> <div class='wf-row col-md-6 mb-4 px-1'>  <div class='wf-field wf-field-mandatory'> <div class='wf-field-inner'> <input name='First Name' maxlength='40' type='text' value='' class='wf-field-item wf-field-input form-control' placeholder="First Name" oninput='removeError(this)'/> </div> </div> </div> <div class='wf-row col-md-6 mb-4 px-1'>  <div class='wf-field wf-field-mandatory'> <div class='wf-field-inner'> <input name='Last Name' maxlength='80' type='text' value='' class='wf-field-item wf-field-input form-control' placeholder="Last Name" oninput='removeError(this)'/> </div> </div> </div> <div class='wf-row col-md-6 mb-4 px-1'>  <div class='wf-field wf-field-mandatory'> <div class='wf-field-inner'> <input fvalidate='true' ftype='email' name='Email' type="email" maxlength='100' type='text' value='' class='wf-field-item wf-field-input form-control' placeholder="Email" oninput='removeError(this)'/> </div> </div> </div> <div class='wf-row col-md-6 mb-4 px-1'>  <div class='wf-field wf-field-mandatory ux-pick-mixed multiple-fields-div flex-1-5'> <div class='wf-field-inner'> <div id='phMobile' class='multiselect wf-field-dropdown field-1 dropdown-with-search icon-with-text-dropdown single-select-drp' onclick='removeError(this); showDropDown887213000000367073(this)' isPhone='true' findIP='true' > <div class='selected-options hide-opt-list wf-field-item selected-options-field' style='display:none;'></div> <div class='dropdown1 flex-center-v dropdown-contents'> <input type='text' class='dropdown-input input-not-active wf-field-item wf-field-input form-control' placeholder="Phone" style='display:none;' /> <span class="mR10 f22 content-display-area icon-field"></span> <span class="color-222 content-display-area"></span> <ul class='dropdown-menu'></ul> </div> </div> <div class='field-2'> <div class=''> <input maxlength='30' type='text' value='' class='wf-field-item wf-field-input form-control' name="Phone" placeholder="Phone" oninput='removeError(this)'/> <input ftype='dialcode' name='Mobile' placeholder="Phone" maxlength='30' type='text' style='display:none;'/> </div> </div> </div> </div> </div> <div class='wf-row col-md-12 mb-4 px-1'>  <div class='wf-field'> <div class='wf-field-inner'> <textarea name='Description' maxlength='32000' type='text' class='wf-field-item wf-field-input wf-text-area-input form-control' placeholder="Description" oninput='removeError(this)'></textarea> </div> </div> </div> <div class='wf-row col-md-6 mb-4 px-1' style='display:none;';> <div class='wf-label'>Lead Source</div> <div class='wf-field'> <div class='wf-field-inner dropdown-contents'> <select name='Lead Source' class='wf-field-item wf-field-dropdown' data-wform-field='select' onchange='removeError(this);'> <option value='-None-'>-None-</option> <option value='BNI'>BNI</option> <option value='Cold Call'>Cold Call</option> <option value='Employee Referral'>Employee Referral</option> <option value='External Referral'>External Referral</option> <option value='Facebook'>Facebook</option> <option value='Instagram'>Instagram</option> <option value='Linkedin'>Linkedin</option> <option value='MUK'>MUK</option> <option value='NBA'>NBA</option> <option value='Other'>Other</option> <option value='Partner'>Partner</option> <option value='Public Relations'>Public Relations</option> <option value='Sales Email'>Sales Email</option> <option value='Seminar Partner'>Seminar Partner</option> <option value='Trade Show'>Trade Show</option> <option selected value='Website'>Website</option> <option value='Whatsapp'>Whatsapp</option> <option value='X (Twitter)'>X (Twitter)</option> </select> </div> </div> </div> <div class='wform-btn-wrap text-center' data-ux-pos='center'> <input id='formsubmit' type='submit' class='wf-btn btn btn-primary rounded-pill btn-send mb-3' data-ux-btn-type='default' value='Submit'/> </div> </div> </form> </div> </div> <script> var mndFileds=new Array('First\x20Name','Last\x20Name','Email','Mobile'); var fldLangVal=new Array('First Name','Last Name','Email','Mobile'); var wfInnerWidth = window.innerWidth; if(wfInnerWidth <= 768){ document.forms['BiginWebToRecordForm887213000000367073'].setAttribute('data-ux-form-alignment', 'top'); } function removeError(fieldObj) { var parentElement = fieldObj.closest('.wf-field'), childEle = parentElement.getElementsByClassName('wf-error-parent-ele')[0]; if(childEle) { parentElement.classList.remove('wf-field-error-active'); parentElement.removeChild(parentElement.getElementsByClassName('wf-error-parent-ele')[0]); } } function setError(fieldObj, label) { var parentElement = fieldObj.closest('.wf-field'), childEle = parentElement.getElementsByClassName('wf-error-parent-ele')[0]; if(!childEle) { var errorParentEle = document.createElement('DIV'), spanEle = document.createElement('SPAN'), viewMoreEle = document.createElement('SPAN'); spanEle.setAttribute('class', 'wf-field-error wf-field-error-long'); spanEle.innerHTML = label; errorParentEle.classList.add('wf-error-parent-ele'); errorParentEle.appendChild(spanEle); parentElement.append(errorParentEle); parentElement.classList.add('wf-field-error-active'); if(spanEle.scrollWidth > parentElement.offsetWidth) { viewMoreEle.innerHTML = 'View More'; viewMoreEle.classList.add('wf-error-view-more'); errorParentEle.append(viewMoreEle); viewMoreEle.addEventListener('click', function() { errorParentEle.removeChild(viewMoreEle); spanEle.classList.remove('wf-field-error-long'); }); } else { spanEle.classList.remove('wf-field-error-long') } } } function validateFields887213000000367073() { var isReturn = true; var form = document.forms['BiginWebToRecordForm887213000000367073']; var validateFld = form.querySelectorAll('[fvalidate=true]'); var i; for (i = 0; i < validateFld.length; i++) { var validateFldVal = validateFld[i].value; if(validateFldVal !== '') { var fLabel = validateFld[i].parentElement.parentElement.parentElement.getElementsByClassName('wf-label')[0].innerHTML; switch(validateFld[i].getAttribute('ftype')) { case 'string_rest_number': case 'string': var isError = false, errorKey = 'Only letters are allowed.'; if(validateFld[i].getAttribute('ftype') === 'string_rest_number' && validateFldVal.match((/\d/g)) !== null) { isError = true; }else if(validateFld[i].hasAttribute('fmin')){ if(validateFldVal.length < parseInt(validateFld[i].getAttribute('fmin'))) { errorKey = 'Your input must be at least ' +validateFld[i].getAttribute('fmin') + ' character(s).'; isError = true; } else if(validateFldVal.length > parseInt(validateFld[i].getAttribute('fmax'))) { errorKey = 'Your input should not exceed ' +validateFld[i].getAttribute('fmax') + ' character(s).'; isError = true; } } if(isError){ setError(validateFld[i], errorKey); isReturn = false; } break; case 'email': if(validateFldVal.match(/^([A-Za-z0-9-._%'+/]+@[A-Za-z0-9.-]+.[a-zA-Z]{2,22})$/) === null) { setError(validateFld[i], 'Enter valid ' + fLabel); isReturn = false; } break; case 'number': case 'double': var isError = false, errorKey = 'Enter valid ' + fLabel; if((validateFld[i].getAttribute('ftype') === 'number' && validateFldVal.match(/^[0-9]+$/) === null) || (validateFld[i].getAttribute('ftype') === 'double' && validateFldVal.match(/^[0-9]*(\.[0-9]{0,2})?$/) === null)) { isError = true; }else if(validateFld[i].hasAttribute('fmin')){ if(validateFldVal < parseInt(validateFld[i].getAttribute('fmin'))) { errorKey = 'Enter a number greater than or equal to ' +validateFld[i].getAttribute('fmin'); isError = true; } else if(validateFldVal > parseInt(validateFld[i].getAttribute('fmax'))) { errorKey = 'Enter a number less than or equal to ' +validateFld[i].getAttribute('fmax'); isError = true; } } if(isError){ setError(validateFld[i], errorKey); isReturn = false; } break; } } } return isReturn; } function showDropDown887213000000367073(_c){ var _dd = _c.getElementsByClassName('dropdown1')[0], _ddInput = _c.getElementsByClassName('dropdown-input')[0], ddM = _c.querySelector('.dropdown-menu'), _sOpt = _c.getElementsByClassName('selected-options')[0]; if(_ddInput && _ddInput.value !== '') { this.removeError(_ddInput); } if(ddM.childElementCount === 0) { _c.classList.remove('dropbox-active'); _sOpt.classList.add('drp-dwn-no-val'); return false; } document.querySelectorAll('.dropdown1').forEach(dropdwn=>{ if(!dropdwn.classList.contains('hide-dropdown')) { dropdwn.classList.add('hide-dropdown'); } dropdwn.querySelectorAll('.dropdown-input').forEach(inp=>{ if(!inp.classList.contains('dN')) { inp.classList.add('dN'); } }); }); let dds = document.querySelectorAll('.dropdown1'); if(dds) { dds.forEach(ddElem=>{ if(ddElem.classList.contains('open')) { ddElem.classList.remove('open'); } }); } if(_sOpt) { _sOpt.classList.remove('drop-box-closed', 'drp-dwn-no-val', 'selected-options-field'); } _c.closest('.wf-form-wrapper').querySelectorAll('.multiselect').forEach(ddWrap=>{ if(ddWrap.classList.contains('dropbox-active')) { ddWrap.classList.remove('dropbox-active'); } }); _c.classList.add('dropbox-active'); ddM.classList.add('dropdown-focus'); if(_ddInput) { _ddInput.classList.remove('input-not-active', 'drop-box-closed'); _ddInput.setAttribute('placeholder', 'Search Here'); } if(ddM.childElementCount > 1) { _c.querySelector('.dropdown1').classList.remove('hide-dropdown'); } let options = _c.querySelectorAll('.option'); options.forEach(option=>{ if(option.classList.contains('no-results')) { if(!_ddInput.classList.contains('dN')) { _ddInput.classList.add('dN'); } } }); if(_dd.classList.contains('dN')) { _dd.classList.remove('dN'); } _dd.classList.add('open'); if(ddM.querySelector('.option[data-selected=true]')) { ddM.querySelector('.option[data-selected=true]').scrollIntoView({block: 'center'}); } if(_ddInput && _ddInput.classList.contains('dN')) { _ddInput.classList.remove('dN'); } _c.querySelector('.dropdown1').classList.remove('hide-dropdown'); if(_ddInput){ _ddInput.focus(); } setTimeout(function () { if (_dd.getBoundingClientRect().bottom + ddM.offsetHeight + 10 > window.innerHeight) { let top = ddM.offsetHeight; if (ddM.closest('.ux-pick-mixed')) { top = ddM.offsetHeight + 4; } else { if (_sOpt.offsetHeight) { top = Math.abs(ddM.offsetHeight) + _sOpt.offsetHeight } } _dd.closest('.wf-field-dropdown').classList.add('dropdownTop'); ddM.classList.add('dropdownTop'); ddM.style.top = '-' + top + 'px'; } else { _dd.closest('.wf-field-dropdown').classList.remove('dropdownTop'); ddM.classList.remove('dropdownTop'); ddM.style.top = ''; } }, 200) } function handleSearchForDropdown(dropdownInput, dropdownSelector) { var dropdownMenu = dropdownInput.parentElement.querySelector(dropdownSelector), searchText = dropdownInput.value.toLowerCase(), noResults = document.getElementsByClassName('no-results')[0], div = document.createElement('div'), span = document.createElement('span'), options = dropdownMenu.querySelectorAll('.option'); span.setAttribute('data-value', 'No results'); div.setAttribute('data-value', 'No results'); div.setAttribute('class', 'option no-results'); div.textContent = 'No options found'; options.forEach(function (option) { let optionValue = option.querySelector('span').dataset.value.toLowerCase(); if (optionValue.includes(searchText)) { option.classList.add('opt-show'); option.classList.remove('opt-hide'); } else { option.classList.remove('opt-show'); option.classList.add('opt-hide'); } }); for (i = 0; i < options.length; i++) { if (options[i].classList.contains('opt-hide')) { if (i == options.length - 1) { div.appendChild(span); if (options[i].classList.contains('no-results')) { if (noResults.classList.contains('opt-hide')) { noResults.classList.remove('opt-hide'); } return false; } else { dropdownMenu.appendChild(div); } } } else { if (noResults) { noResults.remove(); } return false; } } } function createDropdownOptions887213000000367073(eleID, optionsData, sOpt) { var eleDiv = document.getElementById(eleID), _dd = eleDiv.getElementsByClassName('dropdown1')[0], _ddM = eleDiv.querySelector('.dropdown-menu'), _ddInput = eleDiv.getElementsByClassName('dropdown-input')[0], _sOpt = eleDiv.getElementsByClassName('selected-options')[0], _msPar = eleDiv.closest('.wf-field'); _ddM.innerHTML = ''; optionsData.forEach(function(optionValue) { if (!sOpt.includes(optionValue)) { var optionContainer = document.createElement('div'); optionContainer.classList.add('option'); var optionTag = document.createElement('span'); optionTag.textContent = optionValue; optionTag.dataset.value = optionValue; optionTag.classList.add('option-txt'); optionContainer.appendChild(optionTag); _ddM.appendChild(optionContainer); } }); var options = _ddM.querySelectorAll('.option'); options.forEach(function(option) { option.addEventListener('click', function() { var optionValue = this.querySelector('span').dataset.value; addSelectedOption(eleID, optionsData, sOpt, [optionValue]); if(_sOpt.childElementCount > 0){ _sOpt.classList.remove('hide-opt-list'); _ddInput.classList.add('drop-box-active'); } let tags = _sOpt.querySelectorAll('.tag-data-val'); if(tags) { tags.forEach(tagVal=>{ if((tagVal.scrollWidth > tagVal.clientWidth) && !tagVal.getAttribute('title')){ tagVal.setAttribute('title', tagVal.getAttribute('data-value')); } }) } if(_sOpt.childElementCount > 1) { _sOpt.classList.add('set-opt-list'); } if(_ddM.childElementCount === 0){ _dd.classList.add('hide-dropdown'); if(option && !option.classList.contains('no-results')) { let div = document.createElement('div'), span = document.createElement('span'); div.textContent = 'No options found'; span.setAttribute('data-value', 'No results'); div.setAttribute('class', 'option no-results'); div.appendChild(span); _ddM.appendChild(div); _ddM.classList.add('hide-the-inp'); _ddInput.classList.add('dN'); eleDiv.classList.add('no-results-elem'); eleDiv.closest('.wf-field-inner').classList.add('no-results-elem'); }else { _dd.classList.add('dN'); _ddInput.classList.remove('dN'); eleDiv.classList.remove('no-results-elem'); eleDiv.closest('.wf-field-inner').classList.remove('no-results-elem'); } } }); }); if(_msPar && _msPar.classList.contains('wf-field-error-active')){ this.removeError(_ddInput); } if(_sOpt && _sOpt.childElementCount > 4) { _sOpt.lastElementChild.scrollIntoView(); } } function addSelectedOption(eleID, optionsData, sOpt, optionsValue) { var eleDiv = document.getElementById(eleID), _sOpt = eleDiv.getElementsByClassName('selected-options')[0], _ddInput = eleDiv.getElementsByClassName('dropdown-input')[0]; optionsValue.map(optionValue => { if (!sOpt.includes(optionValue)) { sOpt.push(optionValue); var optionContainer = document.createElement('div'); optionContainer.classList.add('selected-option', 'multi-tag'); var optionTag = document.createElement('span'); optionTag.classList.add('tag-data-val', 'ellipsis'); optionTag.textContent = optionValue; optionTag.dataset.value = optionValue; optionContainer.appendChild(optionTag); var removeButton = document.createElement('span'); removeButton.textContent = 'x'; removeButton.classList.add('remove-button', 'tag-close-btn'); removeButton.addEventListener('click', function(clseBtn) { var optionContainer = this.parentNode, optionValue = optionContainer.querySelector('span').dataset.value, dropdown = document.getElementsByClassName('dropdown1')[0]; let closeDD = clseBtn && clseBtn.currentTarget.closest('.multiselect') ? clseBtn.currentTarget.closest('.multiselect').getElementsByClassName('dropdown1')[0] : undefined; if(closeDD && closeDD.classList.contains('dN')) { closeDD.classList.remove('dN'); } if(clseBtn && clseBtn.currentTarget.previousElementSibling && clseBtn.currentTarget.previousElementSibling.getAttribute('title')) { clseBtn.currentTarget.previousElementSibling.removeAttribute('title'); } _sOpt.removeChild(optionContainer); var index = sOpt.indexOf(optionValue); if (index > -1) { sOpt.splice(index, 1); } if(_sOpt.childElementCount === 0){ _sOpt.classList.add('hide-opt-list'); _ddInput.classList.remove('drop-box-active'); _sOpt.classList.remove('set-opt-list'); } let _ddM = closeDD.getElementsByClassName('dropdown-menu')[0]; if(_ddM && _ddM.childElementCount > 0) { _ddInput.classList.remove('dN'); closeDD.classList.remove('hide-dropdown'); closeDD.querySelector('.dropdown-menu').classList.remove('hide-the-inp'); } if(closeDD.closest('.wf-field-inner').classList.contains('no-results-elem')) { closeDD.closest('.wf-field-inner').classList.remove('no-results-elem'); closeDD.closest('.wf-field-inner').querySelector('.multiselect').classList.remove('no-results-elem'); } createDropdownOptions887213000000367073(eleID, optionsData, sOpt); }); optionContainer.appendChild(removeButton); _sOpt.appendChild(optionContainer); } }); _ddInput.value = ''; _ddInput.focus(); createDropdownOptions887213000000367073(eleID, optionsData, sOpt); } document.addEventListener('click', function(e){ let targetClasses = e.target.classList, classNames = ['multiselect', 'selected-options', 'dropdown-input', 'option', 'option-txt', 'selected-option', 'remove-button', 'dropdown1']; if((!e.target.closest('.single-select-drp') && classNames.some(className => targetClasses.contains(className))) || (e.target.closest('.dropdown1') && !e.target.closest('.dropdown-items-wrapper'))){ return true; }else{ var mLen = multiPickFields.length; for(i=0; i<mLen; i++) { var dropdownMenu = document.querySelector('.dropdown-menu'), dropdown = document.getElementsByClassName('dropdown1')[i], multiselectBox = document.getElementsByClassName('multiselect')[i], selectedOptions = document.getElementsByClassName('selected-options')[i], dropdownInput = document.getElementsByClassName('dropdown-input')[i], options = dropdownMenu.querySelectorAll('.option'); noResults = document.getElementsByClassName('no-results')[i]; dropdown.classList.remove('open'); multiselectBox.classList.remove('dropbox-active'); dropdownMenu.classList.remove('dropdown-focus'); selectedOptions.classList.add('drop-box-closed'); dropdownInput.classList.add('drop-box-closed'); if(dropdownInput.value || (multiselectBox.querySelector('.dropdown-search-input') && multiselectBox.querySelector('.dropdown-search-input').value)){ if(dropdownInput.value){ dropdownInput.value = ''; } else { multiselectBox.querySelector('.dropdown-search-input').value = ''; } options.forEach(function(option){ if(option.classList.contains('opt-hide')){ option.classList.remove('opt-hide') } }); } if(selectedOptions.childNodes.length < 1){ selectedOptions.classList.add('selected-options-field'); dropdownInput.removeAttribute('placeholder'); }else{ selectedOptions.classList.remove('selected-options-field'); } if(!dropdown.classList.contains('open')) { dropdown.classList.add('hide-dropdown'); dropdownInput.classList.add('dN'); }else { dropdownInput.classList.remove('dN'); dropdown.classList.remove('hide-dropdown'); } } noResults = Array.from(document.getElementsByClassName('no-results')); noResults.map(x => x.remove()); } }); document.querySelectorAll('.dropdown-input').forEach(function(ddEle) { ddEle.addEventListener('input', function (ele) { handleSearchForDropdown(ele.srcElement,'.dropdown-menu'); }); }); function validateMultiPick887213000000367073() { var form = document.forms['BiginWebToRecordForm887213000000367073'], isReturn = true; form.querySelectorAll('[multipick=true]').forEach(function(multiPickEle){ var optionsA = window['sopt'+multiPickEle.name], optL = optionsA.length, isError = false, errorKey = '', pickOptions = ''; if(multiPickEle.hasAttribute('fmin')) { if(optL < parseInt(multiPickEle.getAttribute('fmin'))) { errorKey = 'You must select at least ' + multiPickEle.getAttribute('fmin') + ' option(s)'; isError = true; } else if(optL > parseInt(multiPickEle.getAttribute('fmax'))) { errorKey = 'You can select up to only ' + multiPickEle.getAttribute('fmax') + ' option(s)'; isError = true; } } if(isError){ setError(multiPickEle, errorKey); isReturn = false; } else { for (j = 0; j < optL; j++) { if(pickOptions === '') { pickOptions = optionsA[j]; } else { pickOptions += ';' + optionsA[j]; } } } multiPickEle.value = pickOptions; }); return isReturn; } function createSingleSelectDrp(eleID, optionsData) { var eleDiv = document.getElementById(eleID), _dd = eleDiv.getElementsByClassName('dropdown1')[0], _ddM = eleDiv.querySelector('.dropdown-menu'), input = document.createElement('input'), drpItemsWrapper = document.createElement('div'); _ddM.innerHTML = ''; input.type = 'text'; input.setAttribute('placeholder', 'Search'); input.classList.add('dropdown-search-input'); drpItemsWrapper.className = 'dropdown-items-wrapper'; _ddM.appendChild(input); _ddM.appendChild(drpItemsWrapper); optionsData.dropdownItems.forEach(function (optionValue) { var optionContainer = document.createElement('div'); optionContainer.classList.add('option'); optionContainer.setAttribute('iso', optionValue.iso); optionContainer.appendChild(createDrpForObjectType(optionsData, optionValue, eleDiv)); if (optionValue.isDefault) { setSelectedOption(optionContainer, eleDiv); } drpItemsWrapper.appendChild(optionContainer); }); var options = _ddM.querySelectorAll('.option'); options.forEach(function (option) { option.addEventListener('click', function () { setSelectedOption(option, eleDiv) }); }); input.addEventListener('input', function (ele) { handleSearchForDropdown(ele.srcElement, '.dropdown-items-wrapper'); }); } function setSelectedOption(option, eleDiv) { var content = eleDiv.querySelectorAll('.content-display-area'), content_index = 0; if (eleDiv.querySelector('.dropdown-menu').querySelectorAll('.option[data-selected=true]').length > 0) { eleDiv.querySelector('.dropdown-menu').querySelectorAll('.option[data-selected=true]')[0].dataset.selected = false; } Array.from(option.querySelectorAll('span[data-show-in-selection="true"]')).map(x => { content[content_index].innerHTML = x.innerHTML; content_index++; }) option.dataset.selected = true; } function createDrpForObjectType(config, item, eleDiv) { var index = 1, optionTag = document.createElement('span'); optionTag.classList.add('icon-text-dropdown'); while (config[`displayLabel${index}`]) { var ele = document.createElement('span'); ele.innerHTML = item[config[`displayLabel${index}`]]; ele.dataset.showInSelection = config.showInSelection.includes(`displayLabel${index}`); ele.style.marginRight = '10px'; optionTag.appendChild(ele); optionTag.dataset.value = item[config.searchValue]; index++; } return optionTag; } function validatePhone887213000000367073() { var form = document.forms['BiginWebToRecordForm887213000000367073'], isReturn = true; form.querySelectorAll('[ftype=dialcode]').forEach(function(phoneEle){ var dialCode = countries.find(({iso}) => iso === window['ph'+phoneEle.name.replaceAll(' ', '___')+'Code']).dial, isError = false, phMsg = 'Enter valid numbers', phVal = phoneEle.previousElementSibling.value; if(phVal !== '') { if(phoneEle.hasAttribute('rest_alpha') && phVal.match(/^[0-9]+$/) === null) { isError = true; phMsg = 'Enter only numbers'; } else if(phVal.match(/^[0-9a-zA-Z+.()\-;\s]+$/) === null) { isError = true; } if(isError) { setError(phoneEle.previousElementSibling, phMsg); isReturn = false; } else { phoneEle.value = dialCode + phoneEle.previousElementSibling.value; } } }); return isReturn; } function checkMandatory887213000000367073() { var isReturn = true; var isNotCaptcha = false; for(i=0;i<mndFileds.length;i++) { var fieldObj=document.forms['BiginWebToRecordForm887213000000367073'][mndFileds[i]]; if(fieldObj) { if (((fieldObj.value).replace(/^\s+|\s+$/g, '')).length==0) { if(fieldObj.type =='file'){ setError(fieldObj, 'Please select a file to upload.'); isReturn = false; } else if(fieldObj.getAttribute('ftype') === 'dialcode'){ if(fieldObj.previousElementSibling && fieldObj.previousElementSibling.value === '') { setError(fieldObj.previousElementSibling, fldLangVal[i] + ' cannot be empty'); isReturn = false; } } else { setError(fieldObj, fldLangVal[i] + ' cannot be empty'); isReturn= false; } } else if(fieldObj.nodeName=='SELECT') { if(fieldObj.options[fieldObj.selectedIndex].value=='-None-') { setError(fieldObj, fldLangVal[i] +' cannot be none.'); isReturn = false; } } else if(fieldObj.type =='checkbox'){ if(fieldObj.checked == false){ setError(fieldObj, 'Please accept '+fldLangVal[i]); isReturn= false; } } } } isNotCaptcha = true; if(!validateFields887213000000367073()){isReturn = false;} if(!validatePhone887213000000367073()){isReturn = false;} if(!isReturn){ var errEle = document.getElementsByClassName('wf-field-error'); if(errEle && errEle.length >0){ var inputEle = errEle[0].closest('.wf-field').getElementsByTagName('input'); if(inputEle && inputEle.length == 0) { inputEle = errEle[0].closest('.wf-field').getElementsByTagName('select'); } if(inputEle && inputEle.length > 0) { inputEle[0].focus(); } } }else if(isNotCaptcha){ document.getElementById('formsubmit').disabled = true; } return isReturn; } var multiPickFields=['Mobile']; var countries = [{"iso":"af","fl":"🇦🇫","ds":"Afghanistan","dial":"+93"},{"iso":"al","fl":"🇦🇱","ds":"Albania","dial":"+355"},{"iso":"dz","fl":"🇩🇿","ds":"Algeria","dial":"+213"},{"iso":"as","fl":"🇦🇸","ds":"American Samoa","dial":"+1684"},{"iso":"ad","fl":"🇦🇩","ds":"Andorra","dial":"+376"},{"iso":"ao","fl":"🇦🇴","ds":"Angola","dial":"+244"},{"iso":"ai","fl":"🇦🇮","ds":"Anguilla","dial":"+1264"},{"iso":"aq","fl":"🇦🇶","ds":"Antarctica","dial":"+672"},{"iso":"ag","fl":"🇦🇬","ds":"Antigua & Barbuda","dial":"+1268"},{"iso":"ar","fl":"🇦🇷","ds":"Argentina","dial":"+54"},{"iso":"am","fl":"🇦🇲","ds":"Armenia","dial":"+374"},{"iso":"aw","fl":"🇦🇼","ds":"Aruba","dial":"+297"},{"iso":"au","fl":"🇦🇺","ds":"Australia","dial":"+61"},{"iso":"at","fl":"🇦🇹","ds":"Austria","dial":"+43"},{"iso":"az","fl":"🇦🇿","ds":"Azerbaijan","dial":"+994"},{"iso":"bs","fl":"🇧🇸","ds":"Bahamas","dial":"+1242"},{"iso":"bh","fl":"🇧🇭","ds":"Bahrain","dial":"+973"},{"iso":"bd","fl":"🇧🇩","ds":"Bangladesh","dial":"+880"},{"iso":"bb","fl":"🇧🇧","ds":"Barbados","dial":"+1246"},{"iso":"by","fl":"🇧🇾","ds":"Belarus","dial":"+375"},{"iso":"be","fl":"🇧🇪","ds":"Belgium","dial":"+32"},{"iso":"bz","fl":"🇧🇿","ds":"Belize","dial":"+501"},{"iso":"bj","fl":"🇧🇯","ds":"Benin","dial":"+229"},{"iso":"bm","fl":"🇧🇲","ds":"Bermuda","dial":"+1441"},{"iso":"bt","fl":"🇧🇹","ds":"Bhutan","dial":"+975"},{"iso":"bo","fl":"🇧🇴","ds":"Bolivia","dial":"+591"},{"iso":"ba","fl":"🇧🇦","ds":"Bosnia and Herzegovina","dial":"+387"},{"iso":"bw","fl":"🇧🇼","ds":"Botswana","dial":"+267"},{"iso":"bv","fl":"🇧🇻","ds":"Bouvet Island","dial":"+47"},{"iso":"br","fl":"🇧🇷","ds":"Brazil","dial":"+55"},{"iso":"io","fl":"🇮🇴","ds":"British Indian Ocean Territory","dial":"+246"},{"iso":"vg","fl":"🇻🇬","ds":"British Virgin Islands","dial":"+1284"},{"iso":"bn","fl":"🇧🇳","ds":"Brunei","dial":"+673"},{"iso":"bg","fl":"🇧🇬","ds":"Bulgaria","dial":"+359"},{"iso":"bf","fl":"🇧🇫","ds":"Burkina Faso","dial":"+226"},{"iso":"bi","fl":"🇧🇮","ds":"Burundi","dial":"+257"},{"iso":"kh","fl":"🇰🇭","ds":"Cambodia","dial":"+855"},{"iso":"cm","fl":"🇨🇲","ds":"Cameroon","dial":"+237"},{"iso":"ca","fl":"🇨🇦","ds":"Canada","dial":"+1"},{"iso":"","fl":"🇨🇻","ds":"Cape Verde","dial":"+238"},{"iso":"cv","fl":"🇧🇶","ds":"Caribbean Netherlands","dial":"+599"},{"iso":"ky","fl":"🇰🇾","ds":"Cayman Islands","dial":"+1345"},{"iso":"cf","fl":"🇨🇫","ds":"Central African Republic","dial":"+236"},{"iso":"td","fl":"🇹🇩","ds":"Chad","dial":"+235"},{"iso":"cl","fl":"🇨🇱","ds":"Chile","dial":"+56"},{"iso":"cn","fl":"🇨🇳","ds":"China","dial":"+86"},{"iso":"cx","fl":"🇨🇽","ds":"Christmas Island","dial":"+61"},{"iso":"cc","fl":"🇨🇨","ds":"Cocos (Keeling) Island","dial":"+61"},{"iso":"co","fl":"🇨🇴","ds":"Colombia","dial":"+57"},{"iso":"km","fl":"🇰🇲","ds":"Comoros","dial":"+269"},{"iso":"cg","fl":"🇨🇬","ds":"Congo - Brazzaville","dial":"+242"},{"iso":"cd","fl":"🇨🇩","ds":"Congo - Kinshasa","dial":"+243"},{"iso":"ck","fl":"🇨🇰","ds":"Cook Islands","dial":"+682"},{"iso":"cr","fl":"🇨🇷","ds":"Costa Rica","dial":"+506"},{"iso":"hr","fl":"🇭🇷","ds":"Croatia","dial":"+385"},{"iso":"cu","fl":"🇨🇺","ds":"Cuba","dial":"+53"},{"iso":"cw","fl":"🇨🇼","ds":"Curaçao","dial":"+599"},{"iso":"cy","fl":"🇨🇾","ds":"Cyprus","dial":"+357"},{"iso":"cz","fl":"🇨🇿","ds":"Czechia","dial":"+420"},{"iso":"ci","fl":"🇨🇮","ds":"Côte d?Ivoire","dial":"+225"},{"iso":"dk","fl":"🇩🇰","ds":"Denmark","dial":"+45"},{"iso":"dj","fl":"🇩🇯","ds":"Djibouti","dial":"+253"},{"iso":"dm","fl":"🇩🇲","ds":"Dominica","dial":"+1767"},{"iso":"do","fl":"🇩🇴","ds":"Dominican Republic","dial":"+1"},{"iso":"ec","fl":"🇪🇨","ds":"Ecuador","dial":"+593"},{"iso":"eg","fl":"🇪🇬","ds":"Egypt","dial":"+20"},{"iso":"sv","fl":"🇸🇻","ds":"El Salvador","dial":"+503"},{"iso":"gq","fl":"🇬🇶","ds":"Equatorial Guinea","dial":"+240"},{"iso":"er","fl":"🇪🇷","ds":"Eritrea","dial":"+291"},{"iso":"ee","fl":"🇪🇪","ds":"Estonia","dial":"+372"},{"iso":"et","fl":"🇪🇹","ds":"Ethiopia","dial":"+251"},{"iso":"fk","fl":"🇫🇰","ds":"Falkland Islands","dial":"+500"},{"iso":"fo","fl":"🇫🇴","ds":"Faroe Islands","dial":"+298"},{"iso":"fj","fl":"🇫🇯","ds":"Fiji","dial":"+679"},{"iso":"fi","fl":"🇫🇮","ds":"Finland","dial":"+358"},{"iso":"fr","fl":"🇫🇷","ds":"France","dial":"+33"},{"iso":"gf","fl":"🇬🇫","ds":"French Guiana","dial":"+594"},{"iso":"pf","fl":"🇵🇫","ds":"French Polynesia","dial":"+689"},{"iso":"tf","fl":"🇹🇫","ds":"French Southern Territories","dial":"+262"},{"iso":"ga","fl":"🇬🇦","ds":"Gabon","dial":"+241"},{"iso":"gm","fl":"🇬🇲","ds":"Gambia","dial":"+220"},{"iso":"ge","fl":"🇬🇪","ds":"Georgia","dial":"+995"},{"iso":"de","fl":"🇩🇪","ds":"Germany","dial":"+49"},{"iso":"gh","fl":"🇬🇭","ds":"Ghana","dial":"+233"},{"iso":"gi","fl":"🇬🇮","ds":"Gibraltar","dial":"+350"},{"iso":"gr","fl":"🇬🇷","ds":"Greece","dial":"+30"},{"iso":"gl","fl":"🇬🇱","ds":"Greenland","dial":"+299"},{"iso":"gd","fl":"🇬🇩","ds":"Grenada","dial":"+1473"},{"iso":"gp","fl":"🇬🇵","ds":"Guadeloupe","dial":"+590"},{"iso":"gu","fl":"🇬🇺","ds":"Guam","dial":"+1671"},{"iso":"gt","fl":"🇬🇹","ds":"Guatemala","dial":"+502"},{"iso":"gg","fl":"🇬🇬","ds":"Guernsey","dial":"+44"},{"iso":"gn","fl":"🇬🇳","ds":"Guinea","dial":"+224"},{"iso":"gw","fl":"🇬🇼","ds":"Guinea-Bissau","dial":"+245"},{"iso":"gy","fl":"🇬🇾","ds":"Guyana","dial":"+592"},{"iso":"ht","fl":"🇭🇹","ds":"Haiti","dial":"+509"},{"iso":"hm","fl":"🇭🇲","ds":"Heard & McDonald Islands","dial":"+672"},{"iso":"hn","fl":"🇭🇳","ds":"Honduras","dial":"+504"},{"iso":"hk","fl":"🇭🇰","ds":"Hong Kong","dial":"+852"},{"iso":"hu","fl":"🇭🇺","ds":"Hungary","dial":"+36"},{"iso":"is","fl":"🇮🇸","ds":"Iceland","dial":"+354"},{"iso":"in","fl":"🇮🇳","ds":"India","dial":"+91"},{"iso":"id","fl":"🇮🇩","ds":"Indonesia","dial":"+62"},{"iso":"ir","fl":"🇮🇷","ds":"Iran","dial":"+98"},{"iso":"iq","fl":"🇮🇶","ds":"Iraq","dial":"+964"},{"iso":"ie","fl":"🇮🇪","ds":"Ireland","dial":"+353"},{"iso":"im","fl":"🇮🇲","ds":"Isle of Man","dial":"+44"},{"iso":"il","fl":"🇮🇱","ds":"Israel","dial":"+972"},{"iso":"it","fl":"🇮🇹","ds":"Italy","dial":"+39"},{"iso":"jm","fl":"🇯🇲","ds":"Jamaica","dial":"+1876"},{"iso":"jp","fl":"🇯🇵","ds":"Japan","dial":"+81"},{"iso":"je","fl":"🇯🇪","ds":"Jersey","dial":"+44"},{"iso":"jo","fl":"🇯🇴","ds":"Jordan","dial":"+962"},{"iso":"kz","fl":"🇰🇿","ds":"Kazakhstan","dial":"+7"},{"iso":"ke","fl":"🇰🇪","ds":"Kenya","dial":"+254"},{"iso":"ki","fl":"🇰🇮","ds":"Kiribati","dial":"+686"},{"iso":"xk","fl":"🇽🇰","ds":"Kosovo","dial":"+383"},{"iso":"kw","fl":"🇰🇼","ds":"Kuwait","dial":"+965"},{"iso":"kg","fl":"🇰🇬","ds":"Kyrgyzstan","dial":"+996"},{"iso":"la","fl":"🇱🇦","ds":"Laos","dial":"+856"},{"iso":"lv","fl":"🇱🇻","ds":"Latvia","dial":"+371"},{"iso":"lb","fl":"🇱🇧","ds":"Lebanon","dial":"+961"},{"iso":"ls","fl":"🇱🇸","ds":"Lesotho","dial":"+266"},{"iso":"lr","fl":"🇱🇷","ds":"Liberia","dial":"+231"},{"iso":"ly","fl":"🇱🇾","ds":"Libya","dial":"+218"},{"iso":"li","fl":"🇱🇮","ds":"Liechtenstein","dial":"+423"},{"iso":"lt","fl":"🇱🇹","ds":"Lithuania","dial":"+370"},{"iso":"lu","fl":"🇱🇺","ds":"Luxembourg","dial":"+352"},{"iso":"mo","fl":"🇲🇴","ds":"Macao","dial":"+853"},{"iso":"mk","fl":"🇲🇰","ds":"Macedonia","dial":"+389"},{"iso":"mg","fl":"🇲🇬","ds":"Madagascar","dial":"+261"},{"iso":"mw","fl":"🇲🇼","ds":"Malawi","dial":"+265"},{"iso":"my","fl":"🇲🇾","ds":"Malaysia","dial":"+60"},{"iso":"mv","fl":"🇲🇻","ds":"Maldives","dial":"+960"},{"iso":"ml","fl":"🇲🇱","ds":"Mali","dial":"+223"},{"iso":"mt","fl":"🇲🇹","ds":"Malta","dial":"+356"},{"iso":"mh","fl":"🇲🇭","ds":"Marshall Islands","dial":"+692"},{"iso":"mq","fl":"🇲🇶","ds":"Martinique","dial":"+596"},{"iso":"mr","fl":"🇲🇷","ds":"Mauritania","dial":"+222"},{"iso":"mu","fl":"🇲🇺","ds":"Mauritius","dial":"+230"},{"iso":"yt","fl":"🇾🇹","ds":"Mayotte","dial":"+262"},{"iso":"mx","fl":"🇲🇽","ds":"Mexico","dial":"+52"},{"iso":"fm","fl":"🇫🇲","ds":"Micronesia","dial":"+691"},{"iso":"md","fl":"🇲🇩","ds":"Moldova","dial":"+373"},{"iso":"mc","fl":"🇲🇨","ds":"Monaco","dial":"+377"},{"iso":"mn","fl":"🇲🇳","ds":"Mongolia","dial":"+976"},{"iso":"me","fl":"🇲🇪","ds":"Montenegro","dial":"+382"},{"iso":"ms","fl":"🇲🇸","ds":"Montserrat","dial":"+1664"},{"iso":"ma","fl":"🇲🇦","ds":"Morocco","dial":"+212"},{"iso":"mz","fl":"🇲🇿","ds":"Mozambique","dial":"+258"},{"iso":"mm","fl":"🇲🇲","ds":"Myanmar (Burma)","dial":"+95"},{"iso":"na","fl":"🇳🇦","ds":"Namibia","dial":"+264"},{"iso":"nr","fl":"🇳🇷","ds":"Nauru","dial":"+674"},{"iso":"np","fl":"🇳🇵","ds":"Nepal","dial":"+977"},{"iso":"nl","fl":"🇳🇱","ds":"Netherlands","dial":"+31"},{"iso":"nc","fl":"🇳🇨","ds":"New Caledonia","dial":"+687"},{"iso":"nz","fl":"🇳🇿","ds":"New Zealand","dial":"+64"},{"iso":"ni","fl":"🇳🇮","ds":"Nicaragua","dial":"+505"},{"iso":"ne","fl":"🇳🇪","ds":"Niger","dial":"+227"},{"iso":"ng","fl":"🇳🇬","ds":"Nigeria","dial":"+234"},{"iso":"nu","fl":"🇳🇺","ds":"Niue","dial":"+683"},{"iso":"nf","fl":"🇳🇫","ds":"Norfolk Island","dial":"+672"},{"iso":"kp","fl":"🇰🇵","ds":"North Korea","dial":"+850"},{"iso":"mp","fl":"🇲🇵","ds":"Northern Mariana Islands","dial":"+1670"},{"iso":"no","fl":"🇳🇴","ds":"Norway","dial":"+47"},{"iso":"om","fl":"🇴🇲","ds":"Oman","dial":"+968"},{"iso":"pk","fl":"🇵🇰","ds":"Pakistan","dial":"+92"},{"iso":"pw","fl":"🇵🇼","ds":"Palau","dial":"+680"},{"iso":"ps","fl":"🇵🇸","ds":"Palestinian Territories","dial":"+970"},{"iso":"pa","fl":"🇵🇦","ds":"Panama","dial":"+507"},{"iso":"pg","fl":"🇵🇬","ds":"Papua New Guinea","dial":"+675"},{"iso":"py","fl":"🇵🇾","ds":"Paraguay","dial":"+595"},{"iso":"pe","fl":"🇵🇪","ds":"Peru","dial":"+51"},{"iso":"ph","fl":"🇵🇭","ds":"Philippines","dial":"+63"},{"iso":"pn","fl":"🇵🇳","ds":"Pitcairn Islands","dial":"+64"},{"iso":"pl","fl":"🇵🇱","ds":"Poland","dial":"+48"},{"iso":"pt","fl":"🇵🇹","ds":"Portugal","dial":"+351"},{"iso":"pr","fl":"🇵🇷","ds":"Puerto Rico","dial":"+1"},{"iso":"qa","fl":"🇶🇦","ds":"Qatar","dial":"+974"},{"iso":"ro","fl":"🇷🇴","ds":"Romania","dial":"+40"},{"iso":"ru","fl":"🇷🇺","ds":"Russia","dial":"+7"},{"iso":"rw","fl":"🇷🇼","ds":"Rwanda","dial":"+250"},{"iso":"re","fl":"🇷🇪","ds":"Réunion","dial":"+262"},{"iso":"ws","fl":"🇼🇸","ds":"Samoa","dial":"+685"},{"iso":"sm","fl":"🇸🇲","ds":"San Marino","dial":"+378"},{"iso":"sa","fl":"🇸🇦","ds":"Saudi Arabia","dial":"+966"},{"iso":"sn","fl":"🇸🇳","ds":"Senegal","dial":"+221"},{"iso":"rs","fl":"🇷🇸","ds":"Serbia","dial":"+381"},{"iso":"sc","fl":"🇸🇨","ds":"Seychelles","dial":"+248"},{"iso":"sl","fl":"🇸🇱","ds":"Sierra Leone","dial":"+232"},{"iso":"sg","fl":"🇸🇬","ds":"Singapore","dial":"+65"},{"iso":"sx","fl":"🇸🇽","ds":"Sint Maarten","dial":"+1721"},{"iso":"sk","fl":"🇸🇰","ds":"Slovakia","dial":"+421"},{"iso":"si","fl":"🇸🇮","ds":"Slovenia","dial":"+386"},{"iso":"sb","fl":"🇸🇧","ds":"Solomon Islands","dial":"+677"},{"iso":"so","fl":"🇸🇴","ds":"Somalia","dial":"+252"},{"iso":"za","fl":"🇿🇦","ds":"South Africa","dial":"+27"},{"iso":"gs","fl":"🇬🇸","ds":"South Georgia & South Sandwich Islands","dial":"+500"},{"iso":"kr","fl":"🇰🇷","ds":"South Korea","dial":"+82"},{"iso":"ss","fl":"🇸🇸","ds":"South Sudan","dial":"+211"},{"iso":"es","fl":"🇪🇸","ds":"Spain","dial":"+34"},{"iso":"lk","fl":"🇱🇰","ds":"Sri Lanka","dial":"+94"},{"iso":"bl","fl":"🇧🇱","ds":"St Barthélemy","dial":"+590"},{"iso":"sh","fl":"🇸🇭","ds":"St Helena","dial":"+290"},{"iso":"kn","fl":"🇰🇳","ds":"St Kitts & Nevis","dial":"+1869"},{"iso":"lc","fl":"🇱🇨","ds":"St Lucia","dial":"+1758"},{"iso":"mf","fl":"🇲🇫","ds":"St Martin","dial":"+590"},{"iso":"pm","fl":"🇵🇲","ds":"St Pierre & Miquelon","dial":"+508"},{"iso":"vc","fl":"🇻🇨","ds":"St Vincent & Grenadines","dial":"+1784"},{"iso":"sd","fl":"🇸🇩","ds":"Sudan","dial":"+249"},{"iso":"sr","fl":"🇸🇷","ds":"Suriname","dial":"+597"},{"iso":"sj","fl":"🇸🇯","ds":"Svalbard & Jan Mayen","dial":"+47"},{"iso":"sz","fl":"🇸🇿","ds":"Swaziland","dial":"+268"},{"iso":"se","fl":"🇸🇪","ds":"Sweden","dial":"+46"},{"iso":"ch","fl":"🇨🇭","ds":"Switzerland","dial":"+41"},{"iso":"sy","fl":"🇸🇾","ds":"Syria","dial":"+963"},{"iso":"st","fl":"🇸🇹","ds":"São Tomé & Príncipe","dial":"+239"},{"iso":"tw","fl":"🇹🇼","ds":"Taiwan","dial":"+886"},{"iso":"tj","fl":"🇹🇯","ds":"Tajikistan","dial":"+992"},{"iso":"tz","fl":"🇹🇿","ds":"Tanzania","dial":"+255"},{"iso":"th","fl":"🇹🇭","ds":"Thailand","dial":"+66"},{"iso":"tl","fl":"🇹🇱","ds":"Timor-Leste","dial":"+670"},{"iso":"tg","fl":"🇹🇬","ds":"Togo","dial":"+228"},{"iso":"tk","fl":"🇹🇰","ds":"Tokelau","dial":"+690"},{"iso":"to","fl":"🇹🇴","ds":"Tonga","dial":"+676"},{"iso":"tt","fl":"🇹🇹","ds":"Trinidad & Tobago","dial":"+1868"},{"iso":"tn","fl":"🇹🇳","ds":"Tunisia","dial":"+216"},{"iso":"tr","fl":"🇹🇷","ds":"Turkey","dial":"+90"},{"iso":"tm","fl":"🇹🇲","ds":"Turkmenistan","dial":"+993"},{"iso":"tc","fl":"🇹🇨","ds":"Turks & Caicos Islands","dial":"+1"},{"iso":"tv","fl":"🇹🇻","ds":"Tuvalu","dial":"+688"},{"iso":"um","fl":"🇺🇲","ds":"US Outlying Islands","dial":"+1"},{"iso":"vi","fl":"🇻🇮","ds":"US Virgin Islands","dial":"+1340"},{"iso":"ug","fl":"🇺🇬","ds":"Uganda","dial":"+256"},{"iso":"ua","fl":"🇺🇦","ds":"Ukraine","dial":"+380"},{"iso":"ae","fl":"🇦🇪","ds":"United Arab Emirates","dial":"+971"},{"iso":"gb","fl":"🇬🇧","ds":"United Kingdom","dial":"+44"},{"iso":"us","fl":"🇺🇸","ds":"United States","dial":"+1"},{"iso":"uy","fl":"🇺🇾","ds":"Uruguay","dial":"+598"},{"iso":"uz","fl":"🇺🇿","ds":"Uzbekistan","dial":"+998"},{"iso":"vu","fl":"🇻🇺","ds":"Vanuatu","dial":"+678"},{"iso":"va","fl":"🇻🇦","ds":"Vatican City","dial":"+379"},{"iso":"ve","fl":"🇻🇪","ds":"Venezuela","dial":"+58"},{"iso":"vn","fl":"🇻🇳","ds":"Vietnam","dial":"+84"},{"iso":"wf","fl":"🇼🇫","ds":"Wallis & Futuna","dial":"+681"},{"iso":"eh","fl":"🇪🇭","ds":"Western Sahara","dial":"+212"},{"iso":"ye","fl":"🇾🇪","ds":"Yemen","dial":"+967"},{"iso":"zm","fl":"🇿🇲","ds":"Zambia","dial":"+260"},{"iso":"zw","fl":"🇿🇼","ds":"Zimbabwe","dial":"+263"},{"iso":"ax","fl":"🇦🇽","ds":"Åland Islands","dial":"+672"}] ; countries.forEach(function (country){ country.ref = country.ds + ' ' + country.dial; }); var singleSelectDrpData = { dropdownItems: countries, displayLabel1: 'ds', displayLabel2: 'dial', searchValue: 'ref', showInSelection: ['displayLabel2'] } var phMobileCode = 'findIP'; createSingleSelectDrp('phMobile', singleSelectDrpData); setTimeout(function(){ document.querySelectorAll('[isPhone=true]').forEach(function(ele){ if(ele.hasAttribute('findip')) { window[ele.id+'Code'] = localCode; } setSelectedOption(ele.querySelectorAll('[iso="'+window[ele.id+'Code']+'"]')[0], ele); }) }, 1500); </script> <script id='wf_script' src='https://bigin.zoho.in/crm/WebformScriptServlet?rid=bd9880e6b5c1d57432af315fc4ac6260f4bc0d7457a4c11d2628b8c1b3a30e7289d0d43e401ab550c5585b27177539a9gid9a629937926a540b55705367f45c7a7364977638fbaf53f10e1ed05fd95d9ace&findip=true'></script> <style> .wf-form-wrapper .wf-row { width: 100%; } </style> </div> <div class="widget"> <h4 class="widget-title mb-3">Top Categories</h4> <ul class="unordered-list bullet-primary text-reset "> <li><a href="https://www.wowinfotech.com/category/business-automation-tools" class=""> Business Automation Tools </a></li> <li><a href="https://www.wowinfotech.com/category/mobile-app-development" class=""> Mobile App Development </a></li> <li><a href="https://www.wowinfotech.com/category/website-design-and-development" class="active"> Website Design and Development </a></li> <li><a href="https://www.wowinfotech.com/category/hire-dedicated-developers" class=""> Hire Dedicated Developers </a></li> <li><a href="https://www.wowinfotech.com/category/job-opportunity" class=""> Job Opportunity </a></li> <li><a href="https://www.wowinfotech.com/category/digital-marketing" class=""> Digital Marketing </a></li> <li><a href="https://www.wowinfotech.com/category/developed-by" class=""> Developed By </a></li> <li><a href="https://www.wowinfotech.com/category/top-10" class=""> Top 10 </a></li> <li><a href="https://www.wowinfotech.com/category/country-wise-facts" class=""> Country Wise Facts </a></li> <li><a href="https://www.wowinfotech.com/category/latest-technology-news" class=""> Latest Technology News </a></li> <li><a href="https://www.wowinfotech.com/category/business-solutions" class=""> Business Solutions </a></li> <li><a href="https://www.wowinfotech.com/category/aggregator-platform" class=""> Aggregator Platform </a></li> <li><a href="https://www.wowinfotech.com/category/the-founders-experience" class=""> The Founders Experience </a></li> <li><a href="https://www.wowinfotech.com/category/software-development" class=""> Software Development </a></li> </ul> </div>    <div class="widget"> <h4 class="widget-title mb-3">Popular Posts</h4> <ul class="image-list"> <li> <figure class="rounded"><a href="https://www.wowinfotech.com/blog/social-media-automation-tools"> <img src="https://www.wowinfotech.com/src/img/blog/10_Best_Social_Media_Automation_Tools.png" alt="" /></a> </figure> <div class="post-content"> <h6 class="mb-2"> <a class="link-dark" href="https://www.wowinfotech.com/blog/social-media-automation-tools"> Social Media Automation Tools </a> </h6>  <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span> 2025-09-11 </span></li> </ul>  </div> </li> <li> <figure class="rounded"><a href="https://www.wowinfotech.com/blog/digital-marketing-agency-for-real-estate-business"> <img src="https://www.wowinfotech.com/src/img/blog/Digital_Marketing_Agency_.jpg" alt="" /></a> </figure> <div class="post-content"> <h6 class="mb-2"> <a class="link-dark" href="https://www.wowinfotech.com/blog/digital-marketing-agency-for-real-estate-business"> Digital Marketing Agency for Real Estate Business </a> </h6>  <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span> 2025-09-01 </span></li> </ul>  </div> </li> <li> <figure class="rounded"><a href="https://www.wowinfotech.com/blog/wowinfotech-develops-software-for-nirvana-naturopathy"> <img src="https://www.wowinfotech.com/src/img/blog/WOWinfotech_Develops_Software_for_Nirvana_Naturopathy_(1).jpg" alt="" /></a> </figure> <div class="post-content"> <h6 class="mb-2"> <a class="link-dark" href="https://www.wowinfotech.com/blog/wowinfotech-develops-software-for-nirvana-naturopathy"> WOWinfotech Develops Software for Nirvana Naturopathy </a> </h6>  <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span> 2025-08-23 </span></li> </ul>  </div> </li> <li> <figure class="rounded"><a href="https://www.wowinfotech.com/blog/gpt-5:-new-features-and-big-updates-"> <img src="https://www.wowinfotech.com/src/img/blog/GPT-5_New_Features_and_Big_Updates_(1).jpg" alt="" /></a> </figure> <div class="post-content"> <h6 class="mb-2"> <a class="link-dark" href="https://www.wowinfotech.com/blog/gpt-5:-new-features-and-big-updates-"> GPT-5: New Features and Big Updates </a> </h6>  <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span> 2025-08-14 </span></li> </ul>  </div> </li> <li> <figure class="rounded"><a href="https://www.wowinfotech.com/blog/ai-app-development-cost-in-india"> <img src="https://www.wowinfotech.com/src/img/blog/AI_App_Development_Cost_in_India_(1).jpg" alt="" /></a> </figure> <div class="post-content"> <h6 class="mb-2"> <a class="link-dark" href="https://www.wowinfotech.com/blog/ai-app-development-cost-in-india"> AI App Development Cost in India </a> </h6>  <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span> 2025-08-13 </span></li> </ul>  </div> </li> </ul>  </div>  <div class="widget"> <h4 class="widget-title mb-3">Tags</h4> <ul class="list-unstyled tag-list"> <li><a href="#" class="btn btn-soft-ash btn-sm rounded-pill mb-0"> differences between HTML and HTML5 </a></li> <li><a href="#" class="btn btn-soft-ash btn-sm rounded-pill mb-0"> HTML vs HTML5 </a></li> <li><a href="#" class="btn btn-soft-ash btn-sm rounded-pill mb-0"> What Is the Difference Between HTML vs HTML5 </a></li> </ul> </div> <div class="widget"> <h4 class="widget-title mb-3">Join our newsletter</h4> <p class="mb-1">Subscribe to newsletter to get our latest updates.  </p> <div class="newsletter-wrapper">  <div id="mc_embed_signup2"> <div class="home-form-outer-blk " style="padding: 3px 0px;"> <form class="contact-form1" action="https://www.wowinfotech.com/Home/SaveDetails" name="form" id="form" method="POST" accept-charset="UTF-8" enctype="multipart/form-data"> <div class="controls"> <div class="row gx-4"> <div class="col-md-12"> <div class="form-label-group mb-2"> <input class="form-control" type="text" maxlength="255" name="full_name" fieldtype="7" placeholder="Full Name" required style=" line-height: 1.4;"> <label>Enter your full name<span class="text-danger">*</span></label> </div> </div> <div class="col-md-12"> <div class="form-label-group mb-2"> <input class="form-control" type="email" maxlength="255" name="emailid" fieldtype="9" placeholder="Enter" required style="line-height: 1.4;"> <label> Enter your email address <em>*</em> </label> </div> </div> </div> </div> <div class="col-12 text-center"> <button class="btn btn-primary rounded-pill btn-send mb-3" type="submit" style="font-size: 0.7rem;">Get News </button> </div> </form> </div> </div>  </div>  </div> <div class="widget"> <h4 class="widget-title mb-3">Follow Us</h4> <nav class="nav social"> <a href="https://www.linkedin.com/company/wowinfotech" target="_blank"><i class="uil uil-linkedin"></i></a>  <a href="https://twitter.com/wowinfotech" target="_blank" rel="nofollow"> <img src="https://www.wowinfotech.com/src/img/socialmedia/wowinfotech_twitter.png" class="uil uil-twitter" alt="" class="footer_social"> </a> <a href="https://www.facebook.com/wowinfotech/" target="_blank"><i class="uil uil-facebook-f"></i></a> <a href="https://www.instagram.com/wowinfotech/" target="_blank"><i class="uil uil-instagram"></i></a> <a href="https://www.youtube.com/channel/UC2KzJdK2Rj3s0140sNIKWSw?sub_confirmation=1" target="_blank"><i class="uil uil-youtube"></i></a> </nav> </div>  <hr style="margin: 1.5rem 0;">  </aside>  </div>  <div class="row" id="faq_sec">  </div> <div class="row" style="margin-top: 62px;"> <div class="col-xl-11 col-xxl-10 mx-auto"> <div class="card image-wrapper bg-top bg-image bg-overlay bg-overlay-100" data-image-src="https://www.wowinfotech.com/src/img/photos/orange-bg.png"> <div class="card-body p-3 p-md-5 d-lg-flex flex-row align-items-lg-center justify-content-md-between text-center text-lg-start"> <h3 class="display-7 mb-6 mb-lg-0 pe-lg-15 pe-xxl-18 text-white">Contact and get free demo from WOWinfotech related to your IT requirements.</h3> <a href="https://www.wowinfotech.com/request-a-free-consultation" class="btn btn-white rounded-pill mb-0 text-nowrap">Get A Quote</a>  </div>  </div>  </div>  </div> </div>  </section>  <div class="book-consultnt"> <div class="book-consultnts"> <a href="https://www.wowinfotech.com/request-a-free-consultation" class="btn btn-md btn-primary" id="book-free-consultation"> <p>Free consultation</p> </a> </div> </div> </div>   <div class="modal fade" id="modal-signin" tabindex="-1"> <div class="modal-dialog modal-dialog-centered "> <div class="modal-content text-center"> <div class="modal-body"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <form class="contact-form1" action='https://forms.zohopublic.in/wowinfotech/form/EnquiryFormWebsite/formperma/k9WqSMpl9hv4TtPZ8esqCcg3GYZVq5IaqCV2waQOSpk/htmlRecords/submit' name='form' id='form' method='POST' accept-charset='UTF-8' enctype='multipart/form-data'> <input type="hidden" name="zf_referrer_name" value="">  <input type="hidden" name="zf_redirect_url" value="">  <input type="hidden" name="zc_gad" value="">  <input type="hidden" name="utm_source" value="" /> <input type="hidden" name="utm_medium" value="" /> <input type="hidden" name="utm_campaign" value="" /> <input type="hidden" name="utm_term" value="" /> <input type="hidden" name="utm_content" value="" /> <input type="hidden" name="gclid" value="" /> <input type="hidden" name="referrername" value="" /> <div class="text-center"> <h3 class="display-4 mb-5 px-xl-5">Request a free consultation</h3> </div> <div class="controls"> <div class="row gx-4"> <div class="col-md-6" > <div class="form-label-group mb-4"> <input class="form-control" type="text" maxlength="255" name="Name_First" fieldType=7 placeholder="First Name" required /> <label>First Name<span class="text-danger">*</span></label> </div> </div> <div class="col-md-6"> <div class="form-label-group mb-4"> <input class="form-control" type="text" maxlength="255" name="Name_Last" fieldType=7 placeholder="Last Name" required /> <label>Last Name <span class="text-danger">*</span></label> </div> </div> <div class="col-md-6"> <div class="form-label-group mb-4"> <input class="form-control" type="text" maxlength="255" name="Email" value="" fieldType=9 placeholder="" required /> <label> Email <em>*</em> </label> </div> </div> <div class="col-md-6"> <div class="form-label-group mb-4"> <input class="form-control" type="text" compname="PhoneNumber" name="PhoneNumber_countrycode" phoneFormat="1" isCountryCodeEnabled=false maxlength="20" value="" fieldType=11 id="international_PhoneNumber_countrycode" placeholder="" required /> <label> Phone <em>*</em> </label> </div> </div> <div class="col-md-12"> <div class="form-label-group mb-4"> <textarea class="form-control" name="MultiLine" maxlength="65535" placeholder=""></textarea> <label> What would you like to discuss? (Optional) </label> </div> </div> </div> </div>   <input type="hidden" maxlength="255" name="Name_First" fieldType=7 placeholder="First Name" />  <input type="hidden" maxlength="255" name="Name_Last" fieldType=7 placeholder="Last Name" />    <input type="hidden" compname="PhoneNumber" name="PhoneNumber_countrycode" phoneFormat="1" isCountryCodeEnabled=false maxlength="20" value="" fieldType=11 id="international_PhoneNumber_countrycode" placeholder="" />    <input type="hidden" maxlength="255" name="Email" value="" fieldType=9 placeholder="" />       <input type="hidden" name="SingleLine" value="Website" fieldType=1 maxlength="255" placeholder="" />   <input type="hidden" name="SingleLine1" value="Not Qualified" fieldType=1 maxlength="255" placeholder="" />   <input type="hidden" name="SingleLine3" value="" fieldType=1 maxlength="255" placeholder="" />   <input type="hidden" name="SingleLine2" value="Enquiry Form" fieldType=1 maxlength="255" placeholder="" />  <div class="mb-2" style="font-size:14px;display:flex;gap: 5px;"> <input class="form-check-input" type="checkbox" id="DecisionBox" name="DecisionBox" checked required /> <label class="form-check-label" for="DecisionBox">I have read and agree to <a href="">Terms & Conditions</a> and <a href="https://www.wowinfotech.com/privacy-policy">Privacy Policy</a> <em>*</em> </label> </div> <div class="col-12 text-center"> <button class="btn btn-primary rounded-pill btn-send mb-3" type="submit">Submit</button> </div> </form> </div>  </div>  </div>  </div>  <footer class="bg-navy text-inverse" id="footer"> <div class="container pt-5 pt-md-5 pb-2"> <div class="row"> <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 col-6"> <div class="country-outer-blk min-height"> <a href="https://www.wowinfotech.com/software-development-company-in-nashik"> <div class="flag-circle"><img src="https://www.wowinfotech.com/src/img/country/india.png" width="35" height="35" alt="flag"></div> </a> <a href="https://www.wowinfotech.com/software-development-company-in-nashik"> <div class="country-name"> NASHIK - <span>Headquarter</span> </div> </a> </div> </div> <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 col-6"> <div class="country-outer-blk min-height"> <a href="https://www.wowinfotech.com/software-development-services-in-UK"> <div class="flag-circle"><img src="https://www.wowinfotech.com/src/img/country/uk.png" width="35" height="35" alt="flag"></div> </a> <a href="https://www.wowinfotech.com/software-development-services-in-UK"> <div class="country-name"> UNITED KINGDOM </div> </a> </div> </div> <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 col-6"> <div class="country-outer-blk min-height"> <a href="https://www.wowinfotech.com/software-company-in-dubai"> <div class="flag-circle"><img src="https://www.wowinfotech.com/src/img/country/Dubai.png" width="35" height="35" alt="flag"></div> </a> <a href="https://www.wowinfotech.com/software-company-in-dubai"> <div class="country-name"> DUBAI </div> </a> </div> </div> <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 col-6"> <div class="country-outer-blk min-height"> <a href="https://www.wowinfotech.com/software-development-company-in-mumbai"> <div class="flag-circle"><img src="https://www.wowinfotech.com/src/img/country/india.png" width="35" height="35" alt="flag"></div> </a> <a href="https://www.wowinfotech.com/software-development-company-in-mumbai"> <div class="country-name"> MUMBAI </div> </a> </div> </div> <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 col-6"> <div class="country-outer-blk min-height"> <a href="https://www.wowinfotech.com/software-development-services-in-bangalore"> <div class="flag-circle"><img src="https://www.wowinfotech.com/src/img/country/india.png" width="35" height="35" alt="flag"></div> </a> <a href="https://www.wowinfotech.com/software-development-services-in-bangalore"> <div class="country-name"> BANGALORE </div> </a> </div> </div> <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 col-6"> <div class="country-outer-blk min-height"> <a href="https://www.wowinfotech.com/software-development-services-in-pune"> <div class="flag-circle"><img src="https://www.wowinfotech.com/src/img/country/india.png" class="img-fluid" width="35" height="35" alt="flag"></div> </a> <a href="https://www.wowinfotech.com/software-development-services-in-pune"> <div class="country-name"> PUNE </div> </a> </div> </div> </div> <hr class="mr-t5"> <div class="row gy-6 gy-lg-0"> <div class="col-lg-3"> <div class="widget"> <p class="fs-16 lead mb-0 text-white" style="text-indent:0px;"> Founded in 2017, WOWinfotech is #1 Top Software Development Company formed to help startups, digital agencies,<a href="https://www.wowinfotech.com/about-us" style="color:#fab758">Read More</a>  </p> </div> <div class="widget" style="margin-top:0px !important"> <a href="mailto:info@wowinfotech.com" style="font-size: 0.75rem;"><b>Email : </b> info@wowinfotech.com</a><br /> <a href="tel:919370104077" style="font-size: 0.75rem;"><b>Phone : </b> (+91) 9370104077</a> <br> <a href="tel:918999918293" style="font-size: 0.75rem;"><b>Phone : </b> (+91) 8999918293</a> <ul class="unordered-list bullet-primary mb-0"> <li class="unordered-list1" style="padding-left: 0rem !important;"> <nav class="nav social social-white text-md-start"> <b style="color: #fff;">Social media</b> </nav> <nav class="nav social social-white text-md-end ms-1 ms-md-0" style="margin-left: -16px;"> <a href="https://www.linkedin.com/company/wowinfotech" target="_blank" rel="nofollow" style="margin-left: 0px !important;"> <img src="https://www.wowinfotech.com/src/img/socialmedia/wowinfotech_linkedin.png" alt="" width="36" height="30" class="footer_social"> </a> <a href="https://twitter.com/wowinfotech" target="_blank" rel="nofollow"> <img src="https://www.wowinfotech.com/src/img/socialmedia/wowinfotech_twitter.png" alt="" class="footer_social" width="31" height="30"> </a> <a href="https://www.facebook.com/wowinfotech/" target="_blank" rel="nofollow"> <img src="https://www.wowinfotech.com/src/img/socialmedia/wowinfotech_facebook.png" alt="" class="footer_social" width="31" height="30"> </a> <a href="https://www.youtube.com/channel/UC2KzJdK2Rj3s0140sNIKWSw?sub_confirmation=1" target="_blank" rel="nofollow"> <img src="https://www.wowinfotech.com/src/img/socialmedia/wowinfotech_youtube.png" alt="" class="footer_social" width="31" height="30"> </a> <a href="https://www.instagram.com/wowinfotech/" target="_blank" rel="nofollow"> <img src="https://www.wowinfotech.com/src/img/socialmedia/wowinfotech_instagram.png" alt="" class="footer_social" width="31" height="30"> </a> </nav> </li> </ul> </div> </div>  <div class="col-md-3"> <div class="widget"> <h4 class="widget-title mb-3 text-white">What we do</h4> <ul class="unordered-list bullet-primary mb-0"> <li><a href="https://www.wowinfotech.com/custom-software-development">Custom Software Development</a></li> <li><a href="https://www.wowinfotech.com/mobile-app-development">Mobile App Development</a></li> <li><a href="https://www.wowinfotech.com/website-design-and-development">Website Design and Development</a></li> <li><a href="https://www.wowinfotech.com/digital-marketing-services">Digital Marketing </a></li> <li><a href="https://www.wowinfotech.com/seo-services"> SEO Services</a></li> <li><a href="https://www.wowinfotech.com/hire-developer"> Hire Developer</a></li> </ul> </div>  </div>  <div class="col-md-3">  <div class="widget"> <h4 class="widget-title mb-3 text-white"> Read our blogs</h4> <ul class="unordered-list bullet-primary mb-0"> <li><a href="https://www.wowinfotech.com/take-your-business-online-with-mobile-apps">Importance Of Mobile Apps</a></li> <a href="https://www.wowinfotech.com/blogs" class="mt-2 mb-5" style="text-decoration: underline; color: #fab758;padding: 0.1rem 0.8rem; ">Explore our blogs</a> <li><a href="https://www.wowinfotech.com/reviews"> <p style=" margin-top: 17px;"> 4.8 <span class="ratings five" style=" width: 5rem;"></span> 5 star ratings based on 180+ reviews on Google Reviews.</p> </a></li> <li> <a href="https://www.wowinfotech.com/career" style="font-size: 0.75rem;"> Career </a> </li> <li> <a href="https://www.wowinfotech.com/src/pdf/Company Profile.pdf" target="_blank" title="Company Profile" style="font-size: 0.75rem;" target="_blank"> Company Profile </a> </li> <li class="d-md-none d-block"> <a href="https://www.wowinfotech.com/terms-conditions" style="font-size: 0.75rem;">Terms & Conditions</a> </li> <li class="d-md-none d-block"> <a href="https://www.wowinfotech.com/privacy-policy" style="font-size: 0.75rem;">Privacy Policy</a> </li> </ul> </div>  </div>  <div class="col-md-3"> <div class="widget text-white"> <h4 class="widget-title text-white mb-3">Join our newsletter</h4> <p class="mb-1">Subscribe to newsletter to get our latest updates.  </p> <div class="newsletter-wrapper">  <div id="mc_embed_signup2"> <div class="home-form-outer-blk " style="padding: 3px 0px;">  <form class="contact-form2" action='https://forms.zohopublic.in/wowinfotech/form/NewsletterFormWebsite1/formperma/fayw2qWflAsXOGXJnkpnl9h6ChxSY1uS3LQFk0ghr1c/htmlRecords/submit' name='form' id='form' method='POST' accept-charset='UTF-8' enctype='multipart/form-data'> <input type="hidden" name="zf_referrer_name" value=""> <input type="hidden" name="zf_redirect_url" value=""> <input type="hidden" name="zc_gad" value=""> <input type="hidden" name="utm_source" value="" /> <input type="hidden" name="utm_medium" value="" /> <input type="hidden" name="utm_campaign" value="" /> <input type="hidden" name="utm_term" value="" /> <input type="hidden" name="utm_content" value="" /> <input type="hidden" name="gclid" value="" /> <input type="hidden" name="referrername" value="" />       <div class="row"> <div class="col-md-12 d-flex" > <input type="text" maxlength="255" name="Name_First" class="form-control" fieldType=7 placeholder="First Name" style="line-height:10px;margin-top:10px;" required /> <input type="text" maxlength="255" name="Name_Last" class="form-control" fieldType=7 placeholder="Last Name" style="line-height:10px;margin-top:10px;" required />  </div> <div class="col-md-6" >   </div>     <div class="col-md-12"> <input type="email" maxlength="255" name="Email" class="form-control" fieldType=9 placeholder="Mail id" style="line-height:10px;margin-top:10px;" required /> </div>      <input type="hidden" name="SingleLine" value="Google Organic" fieldType=1 maxlength="255" placeholder="" />      <input type="hidden" name="SingleLine1" value="Not Qualified" fieldType=1 maxlength="255" placeholder="" />   <input type="hidden" name="SingleLine3" value="https://www.wowinfotech.com/blog/differences-between-html-and-html5" fieldType=1 maxlength="255" placeholder="" />   <input type="hidden" name="SingleLine2" value="Enquiry Form" fieldType=1 maxlength="255" placeholder="" /> <div class="col-md-12">  <input type="checkbox" checked="true" id="DecisionBox" name="DecisionBox" hidden /> <label for="DecisionBox" hidden>I have read and agree to WOWinfotech' Terms & Conditions and Privacy Policy * <em>*</em> </label> </div> <div class="col-md-12"> <button type="submit" class="btn btn-success" style="margin-top:10px;">Submit</button> </div> </div> </form> </div> </div>  </div>  </div> </div>   </div>  <hr class="mt-3 mb-3"> <div class="row gy-6 gy-lg-0">   </div>   <div class="d-md-flex "> <div class="col-md-6 col-lg-3"> <p class="mb-2 mb-lg-0 text-white"> <img src="https://www.wowinfotech.com/src/img/Badges/DMCA-badge.png" width="200" height="70" class="fimg" alt="DMCA badge" title="DMCA badge"> <a href="https://www.wowinfotech.com/way-of-worship-infotech-pvt-ltd" style="font-size: 0.75rem;"> </a> </p> </div> <div class="col-md-6 col-lg-6"> <p class="mb-2 mb-lg-0 text-white" style="margin: 0 auto;font-size:13px; "> Copyright 2025 © WOWinfotech is a trading name of <a href="https://www.wowinfotech.com/way-of-worship-infotech-pvt-ltd" style="font-size: 0.75rem;"> Way Of Worship Infotech Pvt. Ltd.</a> </p> <p class="mb-2 mb-lg-0 text-white" style="margin: 0 auto;font-size:12px; "> Registration Number - U72900MH2020PTC338532 GST Number - 27AACCW6235A1ZL </p> </div> <div class="col-md-6 col-lg-3"> <ul class="d-md-flex d-none list-unstyled justify-content-end"> <li class="me-3"> <a href="https://www.wowinfotech.com/terms-conditions" style="font-size: 0.75rem;">Terms & Conditions</a> </li> <li> <a href="https://www.wowinfotech.com/privacy-policy" style="font-size: 0.75rem;">Privacy Policy</a> </li> </ul> </div> </div> </div>  </footer> <div class="progress-wrap"> <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" /> </svg> </div>     <div id="whatsapp_chat_widget"> <a href="https://wa.me/message/WGM346AL6HHHD1" target="_blank"> <div id="wa-widget-send-button"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" class="wa-messenger-svg-whatsapp wh-svg-icon"> <path d=" M19.11 17.205c-.372 0-1.088 1.39-1.518 1.39a.63.63 0 0 1-.315-.1c-.802-.402-1.504-.817-2.163-1.447-.545-.516-1.146-1.29-1.46-1.963a.426.426 0 0 1-.073-.215c0-.33.99-.945.99-1.49 0-.143-.73-2.09-.832-2.335-.143-.372-.214-.487-.6-.487-.187 0-.36-.043-.53-.043-.302 0-.53.115-.746.315-.688.645-1.032 1.318-1.06 2.264v.114c-.015.99.472 1.977 1.017 2.78 1.23 1.82 2.506 3.41 4.554 4.34.616.287 2.035.888 2.722.888.817 0 2.15-.515 2.478-1.318.13-.33.244-.73.244-1.088 0-.058 0-.144-.03-.215-.1-.172-2.434-1.39-2.678-1.39zm-2.908 7.593c-1.747 0-3.48-.53-4.942-1.49L7.793 24.41l1.132-3.337a8.955 8.955 0 0 1-1.72-5.272c0-4.955 4.04-8.995 8.997-8.995S25.2 10.845 25.2 15.8c0 4.958-4.04 8.998-8.998 8.998zm0-19.798c-5.96 0-10.8 4.842-10.8 10.8 0 1.964.53 3.898 1.546 5.574L5 27.176l5.974-1.92a10.807 10.807 0 0 0 16.03-9.455c0-5.958-4.842-10.8-10.802-10.8z" fill-rule="evenodd"></path> </svg> </div> </a> </div>   <div id="cookieNotice" class="light display-right header-top cookies_footer" style="display:none"> <div class="container-fluid"> <div class="row"> <div class="col-lg-10"> <div id="closeIcon" style="display: none;"> </div> <div class="content-wrap"> <div class="msg-wrap"> <p class="cookies_p">This website uses cookies to enhance your browsing experience and provide personalized recommendations. By accepting to use our website, you agree to our <a href="/privacy-policy" class="cookies_privacy">cookie policy</a></p> </div> </div> </div> <div class="col-lg-2 col-md-1 col-sm-1 cookies_cross "> <div class="btn-wrap"> <button class="btn btn-primary rounded-pill btn-send " onclick="acceptCookieConsent();" style="font-size: 0.7rem;">Accept</button> </div> <div class="top-right cookies_cross_p "> <p class="close-btn close_header_b cross_p" onclick="acceptCookieConsent();">X</p> </div> </div> </div> </div> </div>  <style> .fimg { width: 200px; height: auto; max-width: 100%; } #accordion-collapse-3-1 .card-body { display: block; } </style> <script type="text/javascript"> grecaptcha.ready(function() { grecaptcha.execute('6LeeZ0crAAAAAL5onsxYjRuNJ-cz_KbS-QQKprBR', { action: 'contact_enquiry' }).then(function(token) { document.getElementById('g-recaptcha-response').value = token; }); }); </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"> </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/isotope-layout@2.2.2/dist/isotope.pkgd.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>   <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script> <script src="https://www.wowinfotech.com/src/js/plugins.js"></script> <script src="https://www.wowinfotech.com/src/js/scripts.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>    <script> ("accordion-collapse-3-1 .collapse").css("display", "block") </script> <script type="text/javascript"> function testInput(event) { var value = String.fromCharCode(event.which); var pattern = new RegExp(/[a-zåäö ]/i); return pattern.test(value); } $('#form_name').bind('keypress', testInput); </script> <script> function NumbersOnly(input) { var regex1 = /[^0-9]/gi; input.value = input.value.replace(regex1, ""); } </script> <script type="text/javascript"> /* $(document).ready(function() { $('body').bind('cut copy paste', function(event) { event.preventDefault(); }); }); $(function() { $(this).bind("contextmenu", function(e) { e.preventDefault(); }); });*/ $(document).ready(function() { setTimeout(function() { $('body').addClass('loaded'); }, 1000); }); </script> <script> function submitUserForm() { var response = grecaptcha.getResponse(); if (response.length == 0) { document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">This field is required.</span>'; return false; } return true; } function verifyCaptcha() { document.getElementById('g-recaptcha-error').innerHTML = ''; } </script>  <script type="text/javascript"> function ZFAdvLead() {} ZFAdvLead.utmPValObj = ZFAdvLead.utmPValObj || {}; ZFAdvLead.utmPNameArr = new Array('utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'gclid', 'referrername'); ZFAdvLead.utmcustPNameArr = new Array('gclid', 'referrername'); ZFAdvLead.isSameDomian = false; ZFAdvLead.prototype.zfautm_sC = function(paramName, path, domain, secure) { var value = ZFAdvLead.utmPValObj[paramName]; if (typeof value !== "undefined" && value !== null) { var cookieStr = paramName + "=" + encodeURIComponent(value); var exdate = new Date(); exdate.setDate(exdate.getDate() + 7); cookieStr += "; expires=" + exdate.toGMTString(); cookieStr += "; path=/"; if (domain) { cookieStr += "; domain=" + encodeURIComponent(domain); } if (secure) { cookieStr += "; secure"; } document.cookie = cookieStr; } }; ZFAdvLead.prototype.zfautm_ini = function() { this.zfautm_bscPCap(); var url_search = document.location.search; for (var i = 0; i < ZFAdvLead.utmcustPNameArr.length; i++) { var zf_pN = ZFAdvLead.utmcustPNameArr[i]; var zf_pV; if (zf_pN == 'referrername') { zf_pV = (document.location.href || '').slice(0, 1500); } else { zf_pV = this.zfautm_gP(url_search, zf_pN); if (zf_pV == undefined || zf_pV == '') { zf_pV = this.zfautm_gC(zf_pN); } } if (typeof zf_pV !== "undefined" && zf_pV !== null & zf_pV != "") { ZFAdvLead.utmPValObj[zf_pN] = zf_pV; } } for (var pkey in ZFAdvLead.utmPValObj) { this.zfautm_sC(pkey); } }; ZFAdvLead.prototype.zfautm_bscPCap = function() { var trafSrc = this.zfautm_calcTrafSrc(); if (trafSrc.source != "") { ZFAdvLead.utmPValObj.utm_source = trafSrc.source; } if (trafSrc.medium != "") { ZFAdvLead.utmPValObj.utm_medium = trafSrc.medium; } if (trafSrc.campaign != "") { ZFAdvLead.utmPValObj.utm_campaign = trafSrc.campaign; } if (trafSrc.term != "") { ZFAdvLead.utmPValObj.utm_term = trafSrc.term; } if (trafSrc.content != "") { ZFAdvLead.utmPValObj.utm_content = trafSrc.content; } } ZFAdvLead.prototype.zfautm_calcTrafSrc = function() { var u1 = '', u2 = '', u3 = '', u4 = '', u5 = ''; var search_engines = [ ['bing', 'q'], ['google', 'q'], ['yahoo', 'q'], ['baidu', 'q'], ['yandex', 'q'], ['ask', 'q'] ]; //List of search engines var ref = document.referrer; ref = ref.substr(ref.indexOf('//') + 2); ref_domain = ref; ref_path = '/'; ref_search = ''; // Checks for campaign parameters var url_search = document.location.search; if (url_search.indexOf('utm_source') > -1 || url_search.indexOf('utm_medium') > -1 || url_search.indexOf( 'utm_campaign') > -1 || url_search.indexOf('utm_term') > -1 || url_search.indexOf('utm_content') > -1) { u1 = this.zfautm_gP(url_search, 'utm_source'); u2 = this.zfautm_gP(url_search, 'utm_medium'); u3 = this.zfautm_gP(url_search, 'utm_campaign'); u4 = this.zfautm_gP(url_search, 'utm_term'); u5 = this.zfautm_gP(url_search, 'utm_content'); } else if (this.zfautm_gP(url_search, 'gclid')) { u1 = 'Google Ads'; u2 = 'cpc'; u3 = '(not set)'; if (!ZFAdvLead.utmcustPNameArr.includes('gclid')) { ZFAdvLead.utmcustPNameArr.push('gclid'); } } else if (ref) { var r_u1 = this.zfautm_gC('utm_source'); var r_u2 = this.zfautm_gC('utm_medium'); var r_u3 = this.zfautm_gC('utm_campaign'); var r_u4 = this.zfautm_gC('utm_term'); var r_u5 = this.zfautm_gC('utm_content'); if (typeof r_u1 === "undefined" && typeof r_u2 === "undefined" && typeof r_u3 === "undefined" && typeof r_u4 === "undefined" && typeof r_u5 === "undefined") { // separate domain, path and query parameters if (ref.indexOf('/') > -1) { ref_domain = ref.substr(0, ref.indexOf('/')); ref_path = ref.substr(ref.indexOf('/')); if (ref_path.indexOf('?') > -1) { ref_search = ref_path.substr(ref_path.indexOf('?')); ref_path = ref_path.substr(0, ref_path.indexOf('?')); } } u2 = 'referral'; u1 = ref_domain; // Extract term for organic source for (var i = 0; i < search_engines.length; i++) { if (ref_domain.indexOf(search_engines[i][0]) > -1) { u2 = 'organic'; u1 = search_engines[i][0]; u4 = this.zfautm_gP(ref_search, search_engines[i][1]) || '(not provided)'; break; } } } else { if (typeof r_u1 !== "undefined") { u1 = r_u1; } if (typeof r_u2 !== "undefined") { u2 = r_u2; } if (typeof r_u3 !== "undefined") { u3 = r_u3; } if (typeof r_u4 !== "undefined") { u4 = r_u4; } if (typeof r_u5 !== "undefined") { u5 = r_u5; } } } else { var r_u1 = this.zfautm_gC('utm_source'); var r_u2 = this.zfautm_gC('utm_medium'); var r_u3 = this.zfautm_gC('utm_campaign'); var r_u4 = this.zfautm_gC('utm_term'); var r_u5 = this.zfautm_gC('utm_content'); if (typeof r_u1 === "undefined" && typeof r_u2 === "undefined" && typeof r_u3 === "undefined" && typeof r_u4 === "undefined" && typeof r_u5 === "undefined") { var locRef = document.location.href; locRef = locRef.substr(locRef.indexOf('//') + 2); if (locRef.indexOf('/') > -1) { locRef = locRef.substr(0, locRef.indexOf('/')); } u1 = locRef; u2 = 'referral'; } else { if (typeof r_u1 !== "undefined") { u1 = r_u1; } if (typeof r_u2 !== "undefined") { u2 = r_u2; } if (typeof r_u3 !== "undefined") { u3 = r_u3; } if (typeof r_u4 !== "undefined") { u4 = r_u4; } if (typeof r_u5 !== "undefined") { u5 = r_u5; } } } return { 'source': u1, 'medium': u2, 'campaign': u3, 'term': u4, 'content': u5 }; } ZFAdvLead.prototype.zfautm_gP = function(s, q) { try { var match = s.match('[?&]' + q + '=([^&]+)'); return match ? decodeURIComponent(match[1]) : ''; } catch (e) { return ''; } } ZFAdvLead.prototype.zfautm_gC = function(cookieName) { var cookieArr = document.cookie.split('; '); for (var i = 0; i < cookieArr.length; i++) { var cookieVals = cookieArr[i].split('='); if (cookieVals[0] === cookieName && cookieVals[1]) { return decodeURIComponent(cookieVals[1]); } } }; ZFAdvLead.prototype.zfautm_gC_enc = function(cookieName) { var cookieArr = document.cookie.split('; '); for (var i = 0; i < cookieArr.length; i++) { var cookieVals = cookieArr[i].split('='); if (cookieVals[0] === cookieName && cookieVals[1]) { return cookieVals[1]; } } }; ZFAdvLead.prototype.zfautm_iframeSprt = function() { var zf_frame = document.getElementsByTagName("iframe"); for (var i = 0; i < zf_frame.length; ++i) { if ((zf_frame[i].src).indexOf('formperma') > 0) { var zf_src = zf_frame[i].src; for (var prmIdx = 0; prmIdx < ZFAdvLead.utmPNameArr.length; prmIdx++) { var utmPm = ZFAdvLead.utmPNameArr[prmIdx]; utmPm = (ZFAdvLead.isSameDomian && (ZFAdvLead.utmcustPNameArr.indexOf(utmPm) == -1)) ? "zf_" + utmPm : utmPm; var utmVal = this.zfautm_gC_enc(ZFAdvLead.utmPNameArr[prmIdx]); if (typeof utmVal !== "undefined") { if (utmVal != "") { if (zf_src.indexOf('?') > 0) { zf_src = zf_src + '&' + utmPm + '=' + utmVal; } else { zf_src = zf_src + '?' + utmPm + '=' + utmVal; } } } } if (zf_frame[i].src.length < zf_src.length) { zf_frame[i].src = zf_src; } } } }; ZFAdvLead.prototype.zfautm_DHtmlSprt = function() { var zf_formsArr = document.forms; for (var frmInd = 0; frmInd < zf_formsArr.length; frmInd++) { var zf_form_act = zf_formsArr[frmInd].action; if (zf_form_act && zf_form_act.indexOf('formperma') > 0) { for (var prmIdx = 0; prmIdx < ZFAdvLead.utmPNameArr.length; prmIdx++) { var utmPm = ZFAdvLead.utmPNameArr[prmIdx]; var utmVal = this.zfautm_gC(ZFAdvLead.utmPNameArr[prmIdx]); if (typeof utmVal !== "undefined") { if (utmVal != "") { var fieldObj = zf_formsArr[frmInd][utmPm]; if (fieldObj) { fieldObj.value = utmVal; } } } } } } }; ZFAdvLead.prototype.zfautm_jsEmbedSprt = function(id) { document.getElementById('zforms_iframe_id').removeAttribute("onload"); var jsEmbdFrm = document.getElementById("zforms_iframe_id"); var embdSrc = jsEmbdFrm.src; for (var prmIdx = 0; prmIdx < ZFAdvLead.utmPNameArr.length; prmIdx++) { var utmPm = ZFAdvLead.utmPNameArr[prmIdx]; utmPm = (ZFAdvLead.isSameDomian && (ZFAdvLead.utmcustPNameArr.indexOf(utmPm) == -1)) ? "zf_" + utmPm : utmPm; var utmVal = this.zfautm_gC_enc(ZFAdvLead.utmPNameArr[prmIdx]); if (typeof utmVal !== "undefined") { if (utmVal != "") { if (embdSrc.indexOf('?') > 0) { embdSrc = embdSrc + '&' + utmPm + '=' + utmVal; } else { embdSrc = embdSrc + '?' + utmPm + '=' + utmVal; } } } } jsEmbdFrm.src = embdSrc; }; var zfutm_zfAdvLead = new ZFAdvLead(); zfutm_zfAdvLead.zfautm_ini(); if (document.readyState == "complete") { zfutm_zfAdvLead.zfautm_iframeSprt(); zfutm_zfAdvLead.zfautm_DHtmlSprt(); } else { window.addEventListener('load', function() { zfutm_zfAdvLead.zfautm_iframeSprt(); zfutm_zfAdvLead.zfautm_DHtmlSprt(); }, false); } </script>   <script> // Create cookie function setCookie(cname, cvalue, exdays) { const d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); let expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } // Delete cookie function deleteCookie(cname) { const d = new Date(); d.setTime(d.getTime() + (24*60*60*1000)); let expires = "expires="+ d.toUTCString(); document.cookie = cname + "=;" + expires + ";path=/"; } // Read cookie function getCookie(cname) { let name = cname + "="; let decodedCookie = decodeURIComponent(document.cookie); let ca = decodedCookie.split(';'); for(let i = 0; i <ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } // Set cookie consent function acceptCookieConsent(){ deleteCookie('user_cookie_consent'); setCookie('user_cookie_consent', 1, 30); document.getElementById("cookieNotice").style.display = "none"; } let cookie_consent = getCookie("user_cookie_consent"); if(cookie_consent != ""){ document.getElementById("cookieNotice").style.display = "none"; }else{ document.getElementById("cookieNotice").style.display = "block"; } </script>    <script> /* $(function() { var top = $('#sidebar').offset().top - parseFloat($('#sidebar').css('marginTop').replace(/auto/, 0)); var footTop = $('#footer').offset().top - parseFloat($('#footer').css('marginTop').replace(/auto/, 0)); var maxY = footTop - $('#sidebar').outerHeight(); $(window).scroll(function(evt) { var y = $(this).scrollTop(); if (y > top) { if (y < maxY) { $('#sidebar').addClass('fixedsidefrm').removeAttr('style'); } else { $('#sidebar').removeClass('fixedsidefrm').css({ position: 'absolute', top: (maxY - top) + 'px' }); } } else { $('#sidebar').removeClass('fixedsidefrm'); } }); }); */ </script> <script> function submitUserForm() { var response = grecaptcha.getResponse(); if (response.length == 0) { document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">This field is required.</span>'; return false; } return true; } function verifyCaptcha() { document.getElementById('g-recaptcha-error').innerHTML = ''; } </script> <script> function NumbersOnly(input) { var regex1 = /[^0-9]/gi; input.value = input.value.replace(regex1, ""); } </script> <script type="text/javascript"> function LettersOnly(input) { var regex = /[^a-zA-Z ]/g; input.value = input.value.replace(regex, ""); } function LetterOnly(input) { var regex = /[^a-zA-Z ]/g; input.value = input.value.replace(regex, ""); } function NumbersOnly(input) { var regex1 = /[^0-9]/g; input.value = input.value.replace(regex1, ""); } </script> <script> document.addEventListener("DOMContentLoaded", function() { function getCookie(name) { let match = document.cookie.match(new RegExp("(^| )" + name + "=([^;]+)")); return match ? decodeURIComponent(match[2]) : null; } if (!getCookie("portfolio_name")) { // Cookie not found, show popup const popup = document.getElementById("portfolio-popup-form"); if (popup) { popup.style.display = "block"; } } else { // Cookie found, do not show popup const popup = document.getElementById("portfolio-popup-form"); if (popup) { popup.style.display = "none"; } } }); </script> </script> <script> function LettersOnly(input) { // Remove non-letter characters input.value = input.value.replace(/[^a-zA-Z\s]/g, ''); // Capitalize the first letter if (input.value.length > 0) { input.value = input.value.charAt(0).toUpperCase() + input.value.slice(1); } } </script> </script> <script> $(document).ready(function() { $('.card-trigger').on('click', function() { var targetUrl = $(this).data('url'); if (!getCookie('portfolio_name')) { $('.mdbtnclose').css('display', 'none'); $('#myForm').find('.is-invalid, .is-valid').removeClass('is-invalid is-valid'); $('#myForm').validate().resetForm(); // Show Bootstrap modal const modalElement = document.getElementById('exampleModal'); const modal = new bootstrap.Modal(modalElement, { backdrop: 'static', // prevents closing when clicking outside keyboard: false // disables ESC key }); modal.show(); // Set cookie to prevent future popups (valid 1 day) //setCookie('portfolioName', 'shown', 1); } else { // Redirect if cookie exists window.location.href = targetUrl; } }); // Set cookie function function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; } // Get cookie function function getCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length); } return null; } }); </script> <script> function lettersOnly(input) { // Allow only letters and spaces while typing input.value = input.value.replace(/[^a-zA-Z\s]/g, ''); } // // On form submit: remove all spaces before sending // document.getElementById('myForm').addEventListener('submit', function() { // const fName = document.getElementById('recipient-name1'); // const lName = document.getElementById('recipient-name2'); // fName.value = fName.value.replace(/\s+/g, ''); // lName.value = lName.value.replace(/\s+/g, ''); // }); </script>    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>  <script> $(document).ready(function() { // Custom method: no spaces allowed $.validator.addMethod("noSpaces", function(value, element) { return this.optional(element) || !/\s/.test(value); }, "Spaces are not allowed"); $.validator.addMethod("validPhone", function(value, element) { return this.optional(element) || /^\d{10,30}$/.test(value); }, "Enter valid mobile number"); // Add custom validation method jQuery.validator.addMethod("noSpace", function(value, element) { return this.optional(element) || value.indexOf(" ") === -1; }, "No spaces are allowed"); // Validation setup $("#myForm").validate({ rules: { f_name: { required: true, noSpaces: true }, l_name: { required: true, noSpaces: true }, email: { required: true, email: true, noSpace: true }, phone: { required: true, validPhone: true, noSpaces: true } }, messages: { f_name: { required: "First name is required", noSpaces: "Spaces are not allowed" }, l_name: { required: "Last name is required", noSpaces: "Spaces are not allowed" }, email: { required: "Email is required", email: "Enter a valid email address", noSpace: "Spaces are not allowed" }, phone: { required: "Phone number is required", validPhone: "Enter valid mobile number", minlength: "Please enter at least 10 digits", } }, errorPlacement: function(error, element) { if (element.attr("name") == "f_name") { error.appendTo("#fname-error"); } else if (element.attr("name") == "l_name") { error.appendTo("#lname-error"); } else if (element.attr("name") == "email") { error.appendTo("#email-error"); } else if (element.attr("name") == "phone") { error.appendTo("#phone-error"); } else { error.insertAfter(element); } }, highlight: function(element) { $(element).addClass("is-invalid"); }, unhighlight: function(element) { $(element).removeClass("is-invalid"); } }); // Live validation $('#recipient-name1, #recipient-name2, #recipient-name3 ,#recipient-name4').on('input', function() { $(this).valid(); }); }); </script> <script> // Prevent space character in email input $('#recipient-name3').on('keydown', function(e) { if (e.key === ' ') { e.preventDefault(); } }); $('#recipient-name3').on('paste', function(e) { let pasteData = (e.originalEvent || e).clipboardData.getData('text'); if (pasteData.includes(' ')) { e.preventDefault(); } }); $('#recipient-name1').on('keydown', function(e) { if (e.key === ' ') { e.preventDefault(); } }); $('#recipient-name1').on('paste', function(e) { let pasteData = (e.originalEvent || e).clipboardData.getData('text'); if (pasteData.includes(' ')) { e.preventDefault(); } }); $('#recipient-name2').on('keydown', function(e) { if (e.key === ' ') { e.preventDefault(); } }); $('#recipient-name2').on('paste', function(e) { let pasteData = (e.originalEvent || e).clipboardData.getData('text'); if (pasteData.includes(' ')) { e.preventDefault(); } }); </script> </body> </html>

Best Rated

Top Solutions

Domain & Hosting

Design Studio

Smart Solutions

Differences Between HTML and HTML5