<form id="myForm" class="formh" action="/" novalidate>
document.getElementById("myForm").addEventListener("submit", function(event) {
var name = document.getElementById("name").value;
var gender = document.getElementById("gender").value;
var contact = document.getElementById("contact").value;
if (name === "" || gender === "" || contact === "") {
event.preventDefault();
if(name === ""){
submitinfo("name")
}
if(gender === ""){
submitinfo("gender")
}
if(contact === ""){
submitinfo("contact")
}
}
});
function submitinfo(name){
const id = name;
const siblingBubble = document.getElementById(id).parentNode.querySelector('.bubble');
siblingBubble.classList.remove('show');
document.getElementById(id).focus();
document.getElementById(id).blur();
}