怎么在提交表单前验证表单数据！
就在在表单提交以前验正了表单里的内容！~两个文本内容，一个用户一个密码一个提交在提交时检测表单里的内容，如果符合就转向另一个网页就是这样子！因为只需要一个用户和密码。所以...
就在在表单提交以前验正了表单里的内容！~
两个文本内容，一个用户一个密码
一个提交
在提交时检测表单里的内容，如果符合就转向另一个网页
就是这样子！因为只需要一个用户和密码。所以应该用不到数据库吧！
用js类脚本可以么？请教网页方面的朋友帮助下！~
那帮我写出代码啊！
简单的一个提交表单的代码帮写出来！`谢谢~
首先非常感谢大家的帮忙，
我对这些编程一点都不懂，希望大家把具体步骤写出来好么？
最好是直接写在html里的,不要调用那些asp什么类的东西，我更不懂了！谢谢大家了！~~ 展开
两个文本内容，一个用户一个密码
一个提交
在提交时检测表单里的内容，如果符合就转向另一个网页
就是这样子！因为只需要一个用户和密码。所以应该用不到数据库吧！
用js类脚本可以么？请教网页方面的朋友帮助下！~
那帮我写出代码啊！
简单的一个提交表单的代码帮写出来！`谢谢~
首先非常感谢大家的帮忙，
我对这些编程一点都不懂，希望大家把具体步骤写出来好么？
最好是直接写在html里的,不要调用那些asp什么类的东西，我更不懂了！谢谢大家了！~~ 展开
5个回答
展开全部
验证一般都连接数据库的.这里只是作个示范.用户名:admin 密码:123
--------------------
login.html文件:
<html>
<head>
<title>登陆</title>
</head>
<script language="javascript">
function check()
{
if (document.form1.username.value=="")
{
document.getElementById("usernameTip").innerHTML="<font color=red>请输入用户名</font>";
document.form1.username.focus();
return false;
}
else
document.getElementById("usernameTip").innerHTML="";
if (document.form1.userpwd.value=="")
{
document.getElementById("userpwdTip").innerHTML="<font color=red>请输入密码</font>";
document.form1.userpwd.focus();
return false;
}
else
document.getElementById("userpwdTip").innerHTML="";
if (document.form1.username.value!="admin")//============用户名:admin =========
{
document.getElementById("ischeckTip").innerHTML="<font color=red>用户名不存在</font>";
document.form1.username.focus();
return false;
}
if (document.form1.userpwd.value!="123")//=======密码:123 =====
{
document.getElementById("ischeckTip").innerHTML="<font color=red>密码错误</font>";
document.form1.userpwd.focus();
return false;
}
return true;
}</script>
<body>
<form name="form1" method="post" action="index.html">
<table width="348" align="center" cellpadding="1" cellspacing="1" bgcolor="#99CCFF">
<tr>
<td width="59" bgcolor="#FFFFFF">用户名:</td>
<td width="105" bgcolor="#FFFFFF"><input name="username" type="text" size="15" bgcolor="#FFFFFF"></td>
<td width="174" id="usernameTip" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF">密 码:</td>
<td bgcolor="#FFFFFF"><input name="userpwd" type="password" size="15" bgcolor="#FFFFFF"></td>
<td id="userpwdTip" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"><input type="submit" name="Submit1" value="提交" onClick="return check()">
<input type="reset" name="Submit2" value="重置"></td>
<td id="ischeckTip" bgcolor="#FFFFFF"> </td>
</tr>
</table>
</form>
</body>
</html>
------------------------------------------
index.html文件:
<html>
<head>
<title>欢迎</title>
</head>
<body>
登陆成功
</body>
</html>
--------------------
login.html文件:
<html>
<head>
<title>登陆</title>
</head>
<script language="javascript">
function check()
{
if (document.form1.username.value=="")
{
document.getElementById("usernameTip").innerHTML="<font color=red>请输入用户名</font>";
document.form1.username.focus();
return false;
}
else
document.getElementById("usernameTip").innerHTML="";
if (document.form1.userpwd.value=="")
{
document.getElementById("userpwdTip").innerHTML="<font color=red>请输入密码</font>";
document.form1.userpwd.focus();
return false;
}
else
document.getElementById("userpwdTip").innerHTML="";
if (document.form1.username.value!="admin")//============用户名:admin =========
{
document.getElementById("ischeckTip").innerHTML="<font color=red>用户名不存在</font>";
document.form1.username.focus();
return false;
}
if (document.form1.userpwd.value!="123")//=======密码:123 =====
{
document.getElementById("ischeckTip").innerHTML="<font color=red>密码错误</font>";
document.form1.userpwd.focus();
return false;
}
return true;
}</script>
<body>
<form name="form1" method="post" action="index.html">
<table width="348" align="center" cellpadding="1" cellspacing="1" bgcolor="#99CCFF">
<tr>
<td width="59" bgcolor="#FFFFFF">用户名:</td>
<td width="105" bgcolor="#FFFFFF"><input name="username" type="text" size="15" bgcolor="#FFFFFF"></td>
<td width="174" id="usernameTip" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF">密 码:</td>
<td bgcolor="#FFFFFF"><input name="userpwd" type="password" size="15" bgcolor="#FFFFFF"></td>
<td id="userpwdTip" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"><input type="submit" name="Submit1" value="提交" onClick="return check()">
<input type="reset" name="Submit2" value="重置"></td>
<td id="ischeckTip" bgcolor="#FFFFFF"> </td>
</tr>
</table>
</form>
</body>
</html>
------------------------------------------
index.html文件:
<html>
<head>
<title>欢迎</title>
</head>
<body>
登陆成功
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
关键就是在 form 标签中加入 onsubmit="return someFunc()"
这里的 someFunc() 是处理函数,你可以自己定义该函数,
并且,如果该函数返回 true 则表单立即提交到服务器,
如果该函数返回 false 则表单不会被提交.
直到该函数返回 true 为止
<form name="form1" action="check.php" method="post" onsubmit="return checkForm(this)">
用户: <input type="text" name="username" id="username" />
密码: <input type="password" name="password" id="password" />
<input type="submit" value="提交" />
</form>
<script type="text/javascript">
<!--
function checkForm(srcForm)
{
if (srcForm.username == null || srcForm.username.value == '')
{
alert("没有填写用户名"); return false;
}
if (srcForm.password == null || srcForm.username.value == '')
{
alert("没有填写密码"); return false;
}
alert("你的资料填写完整, 现在转向服务器端认证!"); return true;
}
}
//-->
</script>
这里的 someFunc() 是处理函数,你可以自己定义该函数,
并且,如果该函数返回 true 则表单立即提交到服务器,
如果该函数返回 false 则表单不会被提交.
直到该函数返回 true 为止
<form name="form1" action="check.php" method="post" onsubmit="return checkForm(this)">
用户: <input type="text" name="username" id="username" />
密码: <input type="password" name="password" id="password" />
<input type="submit" value="提交" />
</form>
<script type="text/javascript">
<!--
function checkForm(srcForm)
{
if (srcForm.username == null || srcForm.username.value == '')
{
alert("没有填写用户名"); return false;
}
if (srcForm.password == null || srcForm.username.value == '')
{
alert("没有填写密码"); return false;
}
alert("你的资料填写完整, 现在转向服务器端认证!"); return true;
}
}
//-->
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用ASP写，不过是在按了提交后
代码如下
dim name,pwd
const name1="你规定的名字",pwd1="你规定的密码"
name=request.form("文本区域的名字（假设为NAME）"）
pwd=request.form("密码框的名字（假设为PWD）")
if (name=name1) and (pwd=pwd1) then
request.redirect("你想要转到的页面")
end if
代码如下
dim name,pwd
const name1="你规定的名字",pwd1="你规定的密码"
name=request.form("文本区域的名字（假设为NAME）"）
pwd=request.form("密码框的名字（假设为PWD）")
if (name=name1) and (pwd=pwd1) then
request.redirect("你想要转到的页面")
end if
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不是很懂js。不过用php也很简单的嘛
if（name = & password= ）{
}
if（name = & password= ）{
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
