Marking the 1st anniversary of the Chinese video generation tool, Kling AI, its parent company, Kuaishou, has launched their most advanced model yet – Kling 2.1. After the success of Kling 1.6 and 2.0, users and creators have been waiting for the release of Kling AI’s next big thing, and it’s finally here. With advanced video generation capabilities and better coherence and rendering skills, Kling 2.1 stands as a formidable contender in the AI video generation arena against proprietary models such as Google’s Veo 3 and OpenAI’s Sora. In this article, we’ll explore the features and video generation capabilities of Kling 2.1 and see how well it performs against Veo 3.
Table of Contents
What Is Kling 2.1?
Kling 2.1 is an advanced AI-powered video generation model developed by Kuaishou. It transforms reference images and text prompts into high-definition, cinematic videos, leveraging sophisticated technologies like 3D spatiotemporal attention mechanisms and diffusion transformer architectures. Designed to simulate real-world physics and intricate motion dynamics, Kling 2.1 aims to deliver videos that are both visually stunning and contextually coherent. Building upon its predecessor, Kling 2.0, this latest iteration introduces enhancements that cater to both beginners as well as seasoned professionals.
Features of Kling 2.1
Here are some of the key features of Kling 2.1:
- Frame-based Video Generation: As opposed to most video generation models that focus on text-to-video generation, Kling 2.1 generates videos based on input images as reference frames.
- Realistic Motion and Physics Simulation: Utilizing a 3D spatiotemporal joint attention mechanism, Kling 2.1 accurately models complex movements, ensuring that generated videos adhere to the laws of physics and exhibit natural motion.
- Dynamic Facial Expressions: The model excels in generating life-like facial expressions and accurate movements, enhancing the realism of characters and making them more engaging.
- Multiple Video Options: Kling 2.1 offers creating multiple videos from the same prompt, giving users more freedom and choice, without the need for multiple iterations.
- AI-powered Prompting: For those who find it difficult to write detailed and accurate prompts for video generation, the model offers a DeepSeek-powered AI tool for generating prompts.
Also Read: 10 Amazing Video Generation Tools You Need to Check Out Today!
How to Access Kling 2.1
Kling 2.1 and its Master version are both available on the Kling AI website and app. Users around the world can sign up with just an email ID, and try out the models directly for image-to-video generation, using the free credits given during sign up. Note that these models can only be used for image-to-video generation, as of now.
How to Use Kling 2.1
Here’s how you can generate videos from images using Kling 2.1 and Kling 2.1 Master:
- Select the Model on Kling AI
Once you open the website, select Kling 2.1 (or Kling 2.1 Master) from the model selection drop-down menu on top.
- Upload Reference Images
Under the image-to-video tab, select ‘Frames’ and upload a reference image to be used as the starting frame or end frame of the generated video. Please note that the Elements feature is currently not supported by Kline 2.1.
- Add a Prompt
You have the option of adding a prompt to describe the video or a negative prompt explaining what you would not want in the video. You can even use DeepSeek to generate detailed prompts for you based on your description, theme, or thought.
- Configure the Properties
Once you have the reference image and prompts (optional) in place, choose if you want a standard or professional (for VIP users) video. Then decide on the length of the video (5 or 10 seconds) and the number of outputs you would like to generate (upto 4). Please note that only VIP users have the option of generating multiple videos from a single image/prompt.
- Generate the Video
Now that you’re all set, simply click on ‘Generate’ and wait in line for the model to generate your video. In the free version, this might take up to 120 minutes.
- Generate Sound (optional)
Once the video is generated, Kling gives you the option of adding sound to it using their sound generation tool. You can add your prompt here and generate 4 different sounds and dialogues to match the scene. However, please note that the tool only generates audio in Chinese for now and does not automatically lip sync with the video.
Video Generation Capabilities of Kling 2.1
Users have taken to social media, praising Kling 2.1’s ability to produce videos with realistic motion and expressive characters. Let’s check out a few of the videos generated by Kling 2.1 from different image prompts, to see how good this tool really is.
1. Hyper-realistic Human Video
Input Image:
Prompt: “A woman is dancing to fast-paced music.”
Output:
Source: Kling AI Library
2. Animated Gaming Video
Input Image:
Description: “car in the city racing, 4K ultra realistic high-octane chase. Smooth movement, photorealistic, high quality.”
DeepSeek-generated Prompt: “A sleek hover-car weaving between towering holographic billboards, blue plasma thrusters igniting, cityscape reflecting off its chrome body, 4K ultra realistic, dynamic motion”
Output:
Source: Kling AI Library
3. Dynamic Action Video
Input Image:
Prompt: “Cinematic action shot in the style of an action movie with a drone racing through a forest woodland at noon, navigating between trees. Sunlight streaking through leaves, close front follow angle, dynamic movement, high contrast, intense atmosphere, detailed composition.”
Negative Prompt: “morphing, erratic fluctuation in motion, noisy, bad quality, distorted, poorly drawn, blurry, grainy, low resolution, oversaturated, lack of detail, inconsistent lighting. Wrong anatomy, unnatural facial expressions, unnatural movements, blur, warp, distortion, disfigurement, pixelation, noisy, grainy, overly bright colors, harsh shadows, oversaturated colors, erratic fluctuation, artefacts, glitch, low quality, bad face, transition, morphing, titles, texts, logos, Cartoonish features.”
Output:
Source: Kling AI Library
Kling 2.1 vs Veo 3 vs Sora: Features Comparison
Speaking of advanced video generation, we must find out how good this free tool is as compared to proprietary models like Google’s Veo 3 and OpenAI’s Sora. Here’s a standard comparison of the features of all three video generation models.
| Feature | Kling 2.1 | Veo 3 | Sora |
| Max Video Length | 3 minutes | 1 minute | 1 minute |
| Resolution | 1080p | 1080p | 1080p |
| Lip-Sync Capability | No | Yes | No |
| Physics Simulation | Yes | Yes | No |
| Aspect Ratio Flexibility | Low | Moderate | Low |
| Editing Tools | Basic | Basic | Basic |
| Access Availability | Global (Beta) | Limited (US only) | Limited |
Kling 2.1 vs Veo 3: Performance Comparison
Now, let’s compare the performance of the two models we currently have access to: Kling 2.1 and Veo 3.
Here’s a video I found online, which was generated using Veo 3.
I’ll use a screenshot of this video as the first frame reference image, add a prompt describing the scene, and see what Kling 2.1 does with it.
Input Image:
Prompt: “An American man wearing a blue t-shirt is at the boarding counter at the airport with his pet penguin. The airline staff, lady dressed in blue, does not let him take the penguin on board. He’s frustrated as she tries to explain the situation to him.”
Video Generated by Kling 2.1
Now let’s use Kling 2.1 to add audio to the generated video.
Comparative Analysis
Veo 3 generated a very realistic video with great detailing, appropriate expressions, and very well lip-synced audio. Even the flow of the movement and the clarity and tone of the dialogues were top notch. On the whole, this is one of the best AI tools I’ve ever come across for video generation.
Kling 2.1 is exceptionally good at recreating videos from reference frames, as seen above. It generated pretty realistic people and animals with accurate expressions and details. As a free tool, it does a better job than most others. However, when it comes to generating audio and syncing it, Kling 2.1 is rather disappointing. Be it the tone or the timing, it simply doesn’t align with the video. So that’s something I think the tool still needs to work on.
Conclusion
Kling 2.1 proves to be a promising model in the AI-powered video generation landscape. Its easy-to-use interface, quality of creating coherent videos, and ability to add audio to it, make it one of the best free-to-use AI video generators out there. Its capabilities in realistic motion simulation, facial expression rendering, and creative artistry take it a step ahead of most of its contemporaries. That being said, the model still has room for improvement when it comes to generating audio and accurately lip syncing. So, here’s looking forward to Kling AI’s next version that’ll probably fix these issues as well.
Sabreena is a GenAI enthusiast and tech editor who's passionate about documenting the latest advancements that shape the world. She's currently exploring the world of AI and Data Science as the Manager of Content & Growth at Analytics Vidhya.
Login to continue reading and enjoy expert-curated content.
Free Courses
Responses From Readers
NotebookLM basics and setup • Research and insights with AI • Create content and workflows
`);
const learning_path_mode = document.querySelector('#learning-path-mode');
learning_path_mode?.addEventListener('click',(event)=>{
mixpanel.track("LearningPathClicked",{
"Platform":'Blogs',
"Is_Logged_In":is_logged_in,
"screen_name":screen_name,
"current_url":current_interactive_url,
"wp_article_id": "236721",
"element_text":'Download Now',
"element_type":'Button',
"mode": learning_path_mode && learning_path_mode.classList.contains('active')?'active':'normal',
"learning_path":is_learning_path
});
})
let learning_goal_option = false, learning_goal_month_option = false
let learningpath_option = 'Generalized Learning Path';
const PersonalisedForm = document.getElementById('PersonalisedForm')
document.querySelector('#PersonalisedCreateNowBtn')?.addEventListener('click',(e)=>{
learningpath_option = 'Personalized Learning Path';
mixpanel.track("PathChosen ",{
"Platform":'Blogs',
"Is_Logged_In":is_logged_in,
"screen_name":screen_name,
"current_url":current_interactive_url,
"wp_article_id": "236721",
"element_text":document.querySelector('#PersonalisedCreateNowBtn').innerText,
"element_type":'Button',
"mode": learning_path_mode && learning_path_mode.classList.contains('active')?'active':'normal',
"learningpath_option": learningpath_option,
"learning_path":is_learning_path
});
PersonalisedForm.classList.add('active')
document.querySelectorAll('#GeneralisedForm,#Personalised').forEach((item)=>{
item.style.display = "none";
})
})
const learning_goal = document.querySelectorAll('#PersonalisedForm .form-check-input');
let learningGoal
let learningTime
learning_goal.forEach((item)=>{
item.addEventListener('click',(e)=>{
if(e.target.name == 'answer'){
learningGoal = e.target.nextElementSibling.innerText
PersonalisedForm.querySelector('button').setAttribute('data-goal',e.target.getAttribute('data-id'))
learning_goal_option = parseInt(e.target.value)
} else {
PersonalisedForm.querySelector('button').setAttribute('data-time',e.target.getAttribute('data-id'))
learningTime = e.target.nextElementSibling.innerText
learning_goal_month_option = parseInt(e.target.value)
}
if(learning_goal_option !== false && learning_goal_month_option !== false){
PersonalisedForm.querySelector('button').removeAttribute('disabled')
}
})
})
document.querySelectorAll('#personalisedlearningPath button[type=submit]').forEach((item,index)=>{
item.addEventListener('click',(event)=>{
event.preventDefault()
//let learningpath_option = index?'Personalised Learning Path':'Generalised Learning Path'
mixpanel.track("LearningPathDownloaded ",{
"Platform":'Blogs',
"Is_Logged_In":is_logged_in,
"screen_name":screen_name,
"current_url":current_interactive_url,
"wp_article_id": "236721",
"mode": learning_path_mode && learning_path_mode.classList.contains('active')?'active':'normal',
"learningpath_option": learningpath_option,
"card_number": index + 1,
"element_text":item.innerText,
"element_type":'Button',
"learning_path":is_learning_path
});
if(index){
mixpanel.track("PersonalisedLearningPath ",{
"Platform":'Blogs',
"Is_Logged_In":is_logged_in,
"screen_name":screen_name,
"current_url":current_interactive_url,
"wp_article_id": "236721",
"mode": learning_path_mode && learning_path_mode.classList.contains('active')?'active':'normal',
"learningpath_option": learningpath_option,
"card_number": index + 1,
"goal":learningGoal,
"time":learningTime,
"element_text":item.innerText,
"element_type":'Button',
"learning_path":is_learning_path
});
} else {
mixpanel.track("PathChosen ",{
"Platform":'Blogs',
"Is_Logged_In":is_logged_in,
"screen_name":screen_name,
"current_url":current_interactive_url,
"wp_article_id": "236721",
"mode": learning_path_mode && learning_path_mode.classList.contains('active')?'active':'normal',
"learningpath_option": learningpath_option,
"element_text":item.innerText,
"element_type":'Button',
"learning_path":is_learning_path
});
}
learningpath_option = 'Generalized Learning Path';
//if($('#userName').attr("data-email")){
fetch("https://yukti.analyticsvidhya.com/api/save-user-preference/", {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
"email": $('#userName').attr("data-email")?$('#userName').attr("data-email"):'Guest user',
"goal": event.target.getAttribute('data-goal'),
"timeframe": event.target.getAttribute('data-time')
})
})
.then((response) => response.text())
.then((result) => {
result = JSON.parse(result)
window.open(result.roadmap_link, '_blank');
if(PersonalisedForm.classList.contains('active'))
PersonalisedForm.classList.remove('active')
$('#personalisedlearningPath').modal('hide');
document.querySelectorAll('#GeneralisedForm,#Personalised').forEach((item)=>{
item.style.display = "block";
})
})
.catch((error) => console.error(error));
// } else {
// screen_name = 'Personlized Learning Path'
// $('#loginModal').modal('show');
// }
})
})
personalisedlearningPath.querySelector('.modal-header button').addEventListener('click',()=>{
mixpanel.track("LearningPathClosed ",{
"Platform":'Blogs',
"Is_Logged_In":is_logged_in,
"screen_name":screen_name,
"current_url":current_interactive_url,
"wp_article_id": "236721",
"mode": learning_path_mode && learning_path_mode.classList.contains('active')?'active':'normal',
"card_number": PersonalisedForm.classList.contains('active')?2:1,
"element_text":"",
"element_type":'Icon',
"learning_path":is_learning_path
});
document.querySelectorAll('#GeneralisedForm,#Personalised').forEach((item)=>{
item.style.display = "block";
})
if(PersonalisedForm.classList.contains('active'))
PersonalisedForm.classList.remove('active')
})
} // have or not interactive mode
else { // else for intra\ mode
is_interactive = true;
$("#article-start > p:nth-of-type(3)").after(`
New Feature
Beta
🎲 Make This Article Fun and Interactive with Flash Cards and Quizzes!
- '+next.innerHTML+'
'+faq_answer+'
Frequently Asked Questions
${new_faq_content}
Your comment is awaiting moderation.
"); } $("#viewAllCommentsBtn").on("click", function(){ $("#viewAllComments").find("#commentsLoader").removeClass('d-none'); $.ajax({ url: "https://www.analyticsvidhya.com/wp-admin/admin-ajax.php", type: 'POST', data: { action: 'view_all_comments', post_id: 236721 }, success:function(res){ res = res.slice(0,-1); if(res != ''){ $(".comment-list").append(res); $("#viewAllComments").addClass("d-none"); setupCommentFieldClickListener(); }else{ //console.log("No More Comments."); } } }) }) //TOCClicked Event ======= setTimeout(()=>{ const toc_list = document.querySelectorAll('.wp-block-yoast-seo-table-of-contents .accordion-body a'); toc_list.forEach((item,index)=>{ item.addEventListener('click', function(event){ mixpanel.track("TOCClicked",{ "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, "element_text":item.innerText, "link_url":item.getAttribute('href'), "item_number": index + 1, "element_type":'List', "current_url":current_interactive_url }); }) }) //TOCblockClicked document.querySelector('.wp-block-yoast-seo-table-of-contents .accordion-header button')?.addEventListener('click',(event)=>{ mixpanel.track("TOCblockClicked",{ "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, "element_type":'Icon', "element_text":event.target.innerText, "current_url":current_interactive_url, "toc_state": event.target.classList.contains('collapsed')?'closed':'opened' }); }) },1000) //FreeCoursesClicked Event const free_courses_list = document.querySelectorAll('.free-courses-card-row a'); free_courses_list.forEach((item,index)=>{ events.forEach(eventType => { item.addEventListener(eventType, function(event){ const text = item.querySelector('h4'); mixpanel.track("FreeCoursesClicked",{ "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, 'element_type':'Link', "element_text":text.innerText, "link_url":item.getAttribute('href'), "current_url":current_interactive_url }); }) }) }) // AuthorProfileClicked Event on detail page document.querySelectorAll('.detail-page .author-card.d-flex a').forEach((link,index) => { events.forEach(eventType => { link.addEventListener(eventType, function(event) { let link_text = link.innerText if(!link_text){ link_text = link.parentElement.nextElementSibling.firstElementChild.innerText } mixpanel.track("AuthorProfileClicked",{ "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, 'element_text':link_text, 'element_type':'Link', 'link_url':link.getAttribute('href'), "current_url":current_interactive_url, "item_number": index == 0 || index == 1?1:2 }); }); }); }); //InterlinkClicked Event document.querySelectorAll('.detail-page #article-start a').forEach((item,index)=>{ events.forEach(eventType => { item.addEventListener(eventType, function(event){ mixpanel.track("InterlinkClicked",{ "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, "element_text":item.innerText, 'element_type':'text', "link_url":item.getAttribute('href'), "current_url":current_interactive_url }); }) }) }) setTimeout(function(){ // track page view mixpanel.track('PageView', { "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, "current_url": window.location.href, "referrer_url": document.referrer, "interactive_mode" : is_interactive, "learning_path": is_learning_path }); },1000) },1500); // Mixpanel Events Here ----------------------------------------------------------------------------------------------------------------------------- //FlashstripClicked Event document.getElementById('avFlashSale')?.addEventListener('click', function(event) { const aTag = event.target.closest("a") let link_url = aTag.href; let link_text = aTag.children["hrefId"].innerText; mixpanel.track("FlashstripClicked",{ "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, 'element_type':'Button', 'element_text':link_text, 'link_url':link_url, "current_url":current_interactive_url }); }); //AvlogoClicked Event events.forEach(eventType => { document.querySelector('header .navbar-brand')?.addEventListener(eventType, function(event) { const link_url = document.querySelector('header .navbar-brand').getAttribute('href'); if(link_url){ mixpanel.track("AvlogoClicked",{ "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, 'element_type':'Logo', 'element_text':'', "link_url":link_url, "current_url":current_interactive_url }); } }); }); //WriteBlogClicked Event events.forEach(eventType => { document.getElementById('writeHeaderBtn')?.addEventListener(eventType, function(event) { mixpanel.track("WriteBlogClicked",{ "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, 'element_type':'Icon', 'element_text':'', "current_url":current_interactive_url }); }); }) //SearchButtonClicked Event events.forEach(eventType => { document.getElementById('searchHeaderBtn')?.addEventListener(eventType, function(event) { mixpanel.track("SearchButtonClicked",{ "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, 'element_type':'Icon', 'element_text':'', "current_url":current_interactive_url }); }); }); //CategoryClicked Event document.querySelectorAll('.category-bar-header a').forEach((item,index)=>{ events.forEach(eventType => { item.addEventListener(eventType, function(event){ mixpanel.track("CategoryClicked",{ "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, "element_text":item.innerText, 'element_type':'text', "link_url":item.getAttribute('href'), "current_url":current_interactive_url }); }) }); }) //SocialMediaIconClicked Event document.querySelectorAll('.bottom-footer > a.icon-wrapper').forEach((item,index)=>{ events.forEach(eventType => { item.addEventListener(eventType, function(event){ const text = item.getAttribute('aria-label'); mixpanel.track("SocialMediaIconClicked",{ "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, "element_text":"", "element_type":"Icon", "link_url":item.getAttribute('href'), "current_url":current_interactive_url, "item_type":text }); }) }) }) //TnCClicked Event document.querySelectorAll('.bottom-footer p a').forEach((item,index)=>{ events.forEach(eventType => { item.addEventListener(eventType, function(event){ mixpanel.track("TnCClicked",{ "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, "element_text":item.innerText, 'element_type': 'Text', "link_url":item.getAttribute('href'), "current_url":current_interactive_url }); }) }); }) //NavbarClicked Event document.querySelectorAll('#offcanvasNavbar2 .navbar-nav li a').forEach(link => { events.forEach(eventType => { link.addEventListener(eventType, function(event) { mixpanel.track("NavbarClicked",{ "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, 'element_text':link.innerText, 'element_type':'text', 'link_url':link.getAttribute('href'), "current_url":current_interactive_url }); }); }) }); // FooterClicked Event document.querySelectorAll('footer .row a, #seoFooter a').forEach(link => { events.forEach(eventType => { link.addEventListener(eventType, function(event) { let perent = event.target.closest('div'); let item_type = perent.getElementsByTagName("h2")[0].innerText; mixpanel.track("FooterClicked",{ "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, 'element_text':link.innerText, 'element_type':'Text', 'link_url':link.getAttribute('href'), "current_url":current_interactive_url, "item_type":item_type }); }); }); }); // AuthorProfileClicked Event document.querySelectorAll('.container .card-footer.border-0 > a').forEach(link => { events.forEach(eventType => { link.addEventListener(eventType, function(event) { mixpanel.track("AuthorProfileClicked",{ "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, 'link_text':link.innerText, 'link_url':link.getAttribute('href'), "current_url":current_interactive_url, "item_number": "Not Set" }); }); }); }); // LoginClicked Event document.querySelectorAll('.loginModalBtn').forEach(element => { element.addEventListener('click', function(e) { if(loginOpen){ mixpanel.track('LoginClicked', { "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, 'current_url': current_interactive_url, 'login_screen_name': (login_screen_name?login_screen_name:'Navbar') }); loginOpen = false } }); }); // SkipbuttonClicked Event document.querySelector('#loginModal .modal-header button')?.addEventListener('click', function (event) { mixpanel.track('SkipbuttonClicked', { "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, 'current_url': current_interactive_url, 'login_screen_name': (login_screen_name?login_screen_name:'Navbar'), 'link_url': '', 'element_text': event.target.innerText, 'element_type':'Button', 'modal_name': modal_name }); login_screen_name = '' loginOpen = true }) // Signup Event document.getElementById('email-login-btn')?.addEventListener('click', function (event) { mixpanel.track('Signup', { "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, 'current_url': current_interactive_url, 'login_screen_name': (login_screen_name?login_screen_name:'Navbar'), 'link_url': '', 'element_text': event.target.innerText, 'element_type':'Button', 'modal_name': modal_name, 'signup_mode': 'Email' }); }) // ReceiveupdatesClicked Event document.getElementById('isWhatsappLoginModal')?.addEventListener('click', function (event) { mixpanel.track('ReceiveupdatesClicked', { "Platform":'Blogs', "Is_Logged_In":is_logged_in, "screen_name":screen_name, 'current_url': current_interactive_url, 'login_screen_name': (login_screen_name?login_screen_name:'Navbar'), 'link_url': '', 'element_text': '', 'element_type':'Checkbox', 'modal_name': modal_name, 'receive_updates': event.target.checked }); }) // console.log("Home page") if(!localStorage.getItem("aiPopup")){ // console.log(`Country : ${data.country_name} (${data.country})`) const today = new Date(); const day = today.getDate(); const month = today.toLocaleString('default', { month: 'long' }); // e.g., "June" const year = today.getFullYear(); const formattedDate = `${day}-${month}-${year}||`; // pinneple plus var popupData = { country:"Other", heading:"Witness the rise of the Agentic Operating Layer", subheading:"Four days that will reshape your AI career", points: `Details on the way! Check Your Inbox
') localStorage.setItem('aiPopup',1); setTimeout(()=>{ bootstrap.Modal.getInstance(document.querySelector('#imageAiModal')).hide(); },3000) } }) .catch((error) => console.error(error)); }); } }); // Phone number validation --- document.getElementById("leadPhoneNumber")?.addEventListener("keypress", function(e) { const charCode = e.which || e.keyCode; if (charCode !== 8 && charCode !== 0 && (charCode 57)) { e.preventDefault(); }else if(e.target.value.length >= 10){ e.preventDefault(); } }); document.getElementById("leadPhoneNumber")?.addEventListener("keyup", function(e) { if(e.target.value.length == 10 && !leadPhoneNumberError.classList.contains('d-none')){ leadPhoneNumberError.classList.add('d-none') } }) document.getElementById("leadEmail")?.addEventListener("keyup", function(e) { if(!leadEmailError.classList.contains('d-none')){ if(isValidEmail(e.target.value)){ leadEmailError.classList.add('d-none') } } }) // when user press skip btn document.getElementById("skipAiPop")?.addEventListener("keypress", function(e) { const today = new Date(); const dmy = today.toLocaleDateString("en-GB").replace(/\//g, "-"); localStorage.setItem("aiPopupDate",dmy); }) }, 18000); // 18000 } console.log("version:1.0");