checkValidity()——表单验证_form.checkvalidity

作者：你好赵伟 | 2024-02-18 21:59:28

踩

form.checkvalidity

novalidate="true"取消表单默认验证，自己来处理结果，email.checkValidity()验证方法


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body><a href="http://s.jf3q.com">click here</a>
		<form οnsubmit="testform()" novalidate="true">
			<label for="email"> 邮箱：</label>
			<input type="email" id="email" name="email"/>
			<input type="submit" value="提交">
		</form>
	</body> 
	
	
	<script>
	function testform(){
		var email=document.getElementById('email');
		if(email.value==''){
			alert('请输入email！');
			return false;
		}else if(!email.checkValidity()){
			alert('email的格式不正确！');
			return false;
		}
	}
	</script>
</html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/110828