如何去掉浏览器对form表单自带的非空验证 ‘请填写此字段’

<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();
}
posted @ 2023-06-21 15:28  yjxQWQ  阅读(64)  评论(0)    收藏  举报