怎么实现javascript表单验证
我做了个表单,可是不管填什么都可以提交,请想请问大家一下,怎么实现javascript表单验证:一下是表单源代码:<html><head><title>用户登录</tit...
我做了个表单,可是不管填什么都可以提交,
请想请问大家一下,怎么实现javascript表单验证:
一下是表单源代码:
<html>
<head>
<title>用户登录</title>
</head>
<body>
<form action="authpage.asp" method="post">
用户名:<input type="text" name="user" style="width: 80px" />
密码:<input type="text" name="pass" style="width: 80px" />
<input type="submit" name="login" value="提交" />
</form>
</body>
</html> 展开
请想请问大家一下,怎么实现javascript表单验证:
一下是表单源代码:
<html>
<head>
<title>用户登录</title>
</head>
<body>
<form action="authpage.asp" method="post">
用户名:<input type="text" name="user" style="width: 80px" />
密码:<input type="text" name="pass" style="width: 80px" />
<input type="submit" name="login" value="提交" />
</form>
</body>
</html> 展开
1个回答
2013-11-06
展开全部
<html>
<head>
<title>用户登录</title>
<script language="javascript" type="text/javascript">
function sub()
{
var user = document.form1.user.value;
var pass = document.form1.pass.value;
if(user=="")
{
alert("用户名不能为空!");
return ;
}else if(pass=="")
{
alert("密码不能为空!");
return;
}else
{
document.form1.submit();
}
}
</script>
</head>
<body>
<form action="authpage.asp" method="post" name="form1">
用户名:<input type="text" name="user" style="width: 80px" />
密码:<input type="text" name="pass" style="width: 80px" />
<input type="button" name="login" value="提交" onClick="sub()" />
</form>
这个简单的验证了下 .
</body>
</html>
<head>
<title>用户登录</title>
<script language="javascript" type="text/javascript">
function sub()
{
var user = document.form1.user.value;
var pass = document.form1.pass.value;
if(user=="")
{
alert("用户名不能为空!");
return ;
}else if(pass=="")
{
alert("密码不能为空!");
return;
}else
{
document.form1.submit();
}
}
</script>
</head>
<body>
<form action="authpage.asp" method="post" name="form1">
用户名:<input type="text" name="user" style="width: 80px" />
密码:<input type="text" name="pass" style="width: 80px" />
<input type="button" name="login" value="提交" onClick="sub()" />
</form>
这个简单的验证了下 .
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询