简单的表单验证

css_good

于 2013-01-18 10:35:44 发布

阅读量263

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/css_good/article/details/8516320

javascript 专栏收录该内容

7 篇文章

订阅专栏

<!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=gb2312" />
<title>regist</title>
<script type="text/javascript">
function varification()
{
if(document.test.user.value=="")
{
alert("user name cann't empty");
document.test.user.focus();
return false;
}
if(document.test.secret.value.length<3)
{
alert("The secret must be less than 3 size");
document.test.secret.focus();
return false;
}
return true;
}
</script>
</head>

<body>
<form action="1.html" name="test" method="post" οnsubmit="return varification()" >
<table border="1">
<tr><td>username</td><td><input type="text" name="user" /></td></tr>
<tr><td>secret</td><td><input type="password" name="secret"/></td></tr>
<tr><td><input type="submit" name="submit" value="submit"/></td></tr></table>
</form>
</body>
</html>