杏阳 发表于 2012-7-26 20:41:37

HTML中javascript实现登录功能（源码）

<html>
<head>
<title>登录页面</title>
<script language="javascript"type="text/javascript">
function CheckSubmit()
{
if(document.form.username.value=="")
{alert("请输入用户名。");document.form.username.focus();return false; }

else
{ if(-1!=document.form.username.value.indexOf(' '))
{alert("用户名不能包含空格。");return false;}
}
if(document.form.password.value=="")
{alert("请输入密码。");document.form.password.focus();return false;}
else
{ if(-1!=document.form.password.value.indexOf(' '))
{alert("用户名不能包含空格。");return false;}
}
alert("登陆成功！");
return true;
}
</script>
<body>
</script>
</head>
<body>
<form name=form>
<table width="300"align="center">
<tr>
   <th colspan="2">网站登录</th>
</tr>
<tr>
    <td width="80" align="right">用户名：</td>
    <td><input type="text" name="username" onpropertychange="javascript:if(this.value.length>=8)this.form.password.focus();"><br></td>
</tr>
<tr>
    <td align="right">密码：</td>
    <td><input type=password name="password"/></td>
</tr>
<tr>
    <td> </td>
    <td><input type=submit name=submit onclick="return CheckSubmit();"value="登录">
    <input name="btnReset" type="button" id="btnReset" onclick="this.form.reset()"value="重置"/></td>
</tr>
</table>
</form>
</body>
</html>

nkc3g4 发表于 2012-7-27 10:56:20

<script language="javascript"type="text/javascript">
function CheckSubmit()
{
if(document.form.username.value=="")
{alert("请输入用户名。");document.form.username.focus();return false; }

else
{ if(-1!=document.form.username.value.indexOf(' '))
{alert("用户名不能包含空格。");return false;}
}
if(document.form.password.value=="")
{alert("请输入密码。");document.form.password.focus();return false;}
else
{ if(-1!=document.form.password.value.indexOf(' '))
{alert("用户名不能包含空格。");return false;}
}
alert("登陆成功！");
return true;
}
</script>
<body>
</script>
</head>
<body>
<form name=form>
<table width="300"align="center">
<tr>
   <th colspan="2">网站登录</th>
</tr>
<tr>
    <td width="80" align="right">用户名：</td>
    <td><input type="text" name="username" onpropertychange="javascript:if(this.value.length>=8)this.form.password.focus();"><br></td>
</tr>
<tr>
    <td align="right">密码：</td>
    <td><input type=password name="password"/></td>
</tr>
<tr>
    <td> </td>
    <td><input type=submit name=submit onclick="return CheckSubmit();"value="登录">
    <input name="btnReset" type="button" id="btnReset" onclick="this.form.reset()"value="重置"/></td>
</tr>
</table>
</form>
</body>

cmd 发表于 2020-8-9 19:57:41

nkc3g4 发表于 2012-7-27 10:56
function CheckSubmit()
{
if(document.form.username.value=="")


这个怎么做
怎么在评论里实现登录

Hashimoto 发表于 2020-8-11 14:43:07

cmd 发表于 2020-8-9 19:57
这个怎么做
怎么在评论里实现登录

HTML代码

cmd 发表于 2020-8-11 14:45:53

Hashimoto 发表于 2020-8-11 14:43
HTML代码

怎么搞

Hashimoto 发表于 2020-8-20 11:24:40

cmd 发表于 2020-8-11 14:45
怎么搞

帖子编辑界面下面有附加选项啊，电脑版才有。

Hashimoto 发表于 2020-8-20 11:25:38

cmd 发表于 2020-8-9 19:57
这个怎么做
怎么在评论里实现登录

<script language="javascript"type="text/javascript">
function CheckSubmit()
{
if(document.form.username.value=="")
{alert("请输入用户名。");document.form.username.focus();return false; }

else
{ if(-1!=document.form.username.value.indexOf(' '))
{alert("用户名不能包含空格。");return false;}
}
if(document.form.password.value=="")
{alert("请输入密码。");document.form.password.focus();return false;}
else
{ if(-1!=document.form.password.value.indexOf(' '))
{alert("用户名不能包含空格。");return false;}
}
alert("登陆成功！");
return true;
}
</script>
<body>
</script>
</head>
<body>
<form name=form>
<table width="300"align="center">
<tr>
   <th colspan="2">网站登录</th>
</tr>
<tr>
    <td width="80" align="right">用户名：</td>
    <td><input type="text" name="username" onpropertychange="javascript:if(this.value.length>=8)this.form.password.focus();"><br></td>
</tr>
<tr>
    <td align="right">密码：</td>
    <td><input type=password name="password"/></td>
</tr>
<tr>
    <td> </td>
    <td><input type=submit name=submit onclick="return CheckSubmit();"value="登录">
    <input name="btnReset" type="button" id="btnReset" onclick="this.form.reset()"value="重置"/></td>
</tr>
</table>
</form>
</body>

nkc3g4 发表于 2020-8-23 11:53:39

cmd 发表于 2020-8-11 14:45
怎么搞

8年老坟
页: [1] 2 3
查看完整版本: HTML中javascript实现登录功能（源码）