js focus输入焦点和判断邮件地址是否有@

最新推荐文章于 2021-06-17 13:53:38 发布

yingzizizizizizzz

最新推荐文章于 2021-06-17 13:53:38 发布

阅读量843

点赞数

本文链接：https://blog.csdn.net/yingzizizizizizzz/article/details/50950917

版权

<html>
<head>
<title>Email Form Example</title>
<script language="JavaScript" type="text/javascript">
function validate(){
    var temp=document.form1.email.value.indexOf('@');
	if(document.form1.yourname.value.length<1){
		alert("Please enter your full name.");
		document.form1.yourname.focus();
		return false;

	}
	if(document.form1.address.value.length<3){
			alert("Please enter your address.");
			document.form1.address.focus();
			return false;
	}
	if(document.form1.phone.value.length<3){
			alert("Please enter your phone number.");
			document.form1.phone.focus();
			return false;
	}
	if(document.form1.email.value.length<5){
		alert("Please enter true emali address");
		return false;
	}
    if(temp<1){
    	alert("Please enter true emali address,must have @");
		return false;
    }
	return true;
}
</script>
</head>
<body>
<h1>Email Form Example</h1>
Enter the following information.When you press the Display button,
the data you entered will be display in a pop-up window.
<form name="form1" action="mailto:email.value"
	enctype="text/plain" method="POST" onSubmit="return validate();">
<p><b>Name:</b><input type="TEXT" size="20" name="yourname"></p>
<b>Address:</b><input type="TEXT" size="30" name="address"></p>
<p><b>Phone:</b><input type="TEXT" size="15" name="phone"></p>
<p><b>Email:</b><input type="TEXT" size="15" name="email"></p>
<p><input type="submit" value="Submit"></p>
</form>
</body>
</html>

focus（）文本字段的输入焦点。其实text和textarea的方法。

利用focus实现了输入文本错误时，将光标移动到该字段内。

使用indexOf方法来判断是否email地址中含有@字符。

用法：字符串.indexOf(‘@’); 返回@在字符串中的位置。所以在判断的时候，若是＜1，则不含@；反之，含有。