表单检验

最新推荐文章于 2024-07-08 16:22:29 发布

hatalhcz

最新推荐文章于 2024-07-08 16:22:29 发布

阅读量76

点赞数

分类专栏： html+css javascript DOM 文章标签： xhtml javascript ViewUI

本文链接：https://blog.csdn.net/hatalhcz/article/details/83984937

版权

javascript 同时被 3 个专栏收录

18 篇文章 0 订阅

订阅专栏

html+css

16 篇文章 0 订阅

订阅专栏

DOM

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<style type="text/css">
#useryes,#userno{
	display:none;
	}

</style>
<script type="text/javascript" src="../Day26/doctool.js"></script>

<script type="text/javascript">

function checkUser(userNode)
{
	var name = userNode.value;
	
	//var namereg = new RegExp("^[a-z]{5}$");
	var namereg = /^[a-z]{5}$/i;
	var spanNode1 = byId("useryes");
	var spanNode2 = byId("userno");
	if(name.match(namereg))
	{
		//spanNode.innerHTML = "用户名正确".fontcolor("green");
		spanNode1.style.display = "inline";
		spanNode1.style.color = "green";
		spanNode2.style.display = "none";
	}
	else
	{
		//spanNode.innerHTML = "错误的用户名".fontcolor("red");
		spanNode2.style.display = "inline";
		spanNode2.style.color = "red";
		spanNode1.style.display = "none";
	}

}

function checkPsw(pswNode)
{
	var pass = pswNode.value;
	
	//var passreg = new RegExp("^\\d{5}$");
	var passreg = /^\d{5}$/;
	var spanNode = byId("pswspan");
	if(pass.match(passreg))
		spanNode.innerHTML = "密码正确".fontcolor('green');
	else
		spanNode.innerHTML = "密码错误".fontcolor("red");
}


function checkMail(mailNode)
{
	var mail = mailNode.value;
	var mailreg = /^\w+@\w+(\.\w+)+$/;
	var spanNode = byId("mailspan");
	if(mailreg.test(mail))
		spanNode.innerHTML = "邮件正确".fontcolor('green');
	else
		spanNode.innerHTML = "邮件错误".fontcolor("red");
	
	
}


function checkForm()
{
	//alert(document.forms[0].user.value);
	var form = doc.forms[0];
	if(checkUser(form.user) && checkPsw(form.psw))
	
}

</script>

</head>

<body>

<form action="http://127.0.0.1" οnsubmit="checkForm()">

用户名称：<input type="text" name="user" οnblur="checkUser(this)" />
<span id="useryes">用户名正确</span><span id="userno">用户名错误</span>
<br />
输入密码：<input type="text" name="psw" οnblur="checkPsw(this)" />
<span id="pswspan"></span>
<br />
确认密码：<input type="text" name="repsw" /><br />
邮件地址：<input type="text" name="mail" οnblur="checkMail(this)" />
<span id="mailspan"></span>
<br />
<input type="submit" name="提交数据" />
</form>

</body>
</html>

hatalhcz

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表单检验

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;
复制链接

扫一扫