帮忙写一个javascript的验证程序。。
具体要求是：制作一个身份验证的程序，输入文本框和密码框，通过输入用户名和密码能够判断输入是否正确，如果正确显示正确信息，如果错误则出现错误提示大侠们帮帮忙...
具体要求是：制作一个身份验证的程序，输入文本框和密码框，通过输入用户名和密码能够判断输入是否正确，如果正确显示正确信息，如果错误则出现错误提示
大侠们帮帮忙 展开
大侠们帮帮忙 展开
3个回答
展开全部
<html >
<head>
<title>无标题文档</title>
<script language="javascript">
function jimmy(){
var j = document.getElementById("a");//用户名
var k = document.getElementById("b");//密码
if(j.value.length>5||k.value.length>5)
{alert("用户名或密码太长，请重新输入！");
j.value=""; k.value="";
j.focus();
return false;
}
else if(j.value==""||k.value=="")
{alert("用户名或密码部能为空!");
j.value=""; k.value="";
j.focus();
return false;
}
else{
}
}
function ruby(){
var j = document.getElementById("a");
var l = document.getElementById("c");
if(j.value.length>5)
{l.innerHTML="用户名太长";
l.style.color="red";
}
else
{l.innerHTML="OK";}
}
function peter(){
alert(document.form1.select.options[document.form1.select.selectedIndex].text);
}
function haha(){
var k = document.getElementById("b");
var n = document.getElementById("d");
if(k.value.length>5){
n.innerHTML="密码太长";
n.style.color="blue";
}
else{
n.innerHTML="OK";
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="" >
<p>用户名：
<input type="text" name="textfield" id="a">
<label id="c" >验证</label></p>
<p> 密码：
<input type="password" name="textfield2" id="b" onClick="ruby();">
<label id="d">验证</label>
<p onClick="haha();"> 性别：
<input type="radio" name="radiobutton" value="radiobutton">
男
<input type="radio" name="radiobutton" value="radiobutton">
女</p>
<p> 爱好：
<input type="checkbox" name="checkbox" value="checkbox">
游泳
<input type="checkbox" name="checkbox2" value="checkbox">
游戏
<input type="checkbox" name="checkbox3" value="checkbox">
音乐</p>
<p> 城市：
<select name="select" onChange="peter();">
<option value="1" selected>石家庄</option>
<option value="2">北京</option>
<option value="3">上海</option>
</select>
</p>
<p> 个人简介
<textarea name="textarea" cols="20" rows="5"></textarea>
</p>
<p>
<input type="submit" name="Submit" value="提交" onClick="return jimmy();" >
<input type="reset" name="Submit2" value="重置">
</p>
</form>
</body>
</html>
<head>
<title>无标题文档</title>
<script language="javascript">
function jimmy(){
var j = document.getElementById("a");//用户名
var k = document.getElementById("b");//密码
if(j.value.length>5||k.value.length>5)
{alert("用户名或密码太长，请重新输入！");
j.value=""; k.value="";
j.focus();
return false;
}
else if(j.value==""||k.value=="")
{alert("用户名或密码部能为空!");
j.value=""; k.value="";
j.focus();
return false;
}
else{
}
}
function ruby(){
var j = document.getElementById("a");
var l = document.getElementById("c");
if(j.value.length>5)
{l.innerHTML="用户名太长";
l.style.color="red";
}
else
{l.innerHTML="OK";}
}
function peter(){
alert(document.form1.select.options[document.form1.select.selectedIndex].text);
}
function haha(){
var k = document.getElementById("b");
var n = document.getElementById("d");
if(k.value.length>5){
n.innerHTML="密码太长";
n.style.color="blue";
}
else{
n.innerHTML="OK";
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="" >
<p>用户名：
<input type="text" name="textfield" id="a">
<label id="c" >验证</label></p>
<p> 密码：
<input type="password" name="textfield2" id="b" onClick="ruby();">
<label id="d">验证</label>
<p onClick="haha();"> 性别：
<input type="radio" name="radiobutton" value="radiobutton">
男
<input type="radio" name="radiobutton" value="radiobutton">
女</p>
<p> 爱好：
<input type="checkbox" name="checkbox" value="checkbox">
游泳
<input type="checkbox" name="checkbox2" value="checkbox">
游戏
<input type="checkbox" name="checkbox3" value="checkbox">
音乐</p>
<p> 城市：
<select name="select" onChange="peter();">
<option value="1" selected>石家庄</option>
<option value="2">北京</option>
<option value="3">上海</option>
</select>
</p>
<p> 个人简介
<textarea name="textarea" cols="20" rows="5"></textarea>
</p>
<p>
<input type="submit" name="Submit" value="提交" onClick="return jimmy();" >
<input type="reset" name="Submit2" value="重置">
</p>
</form>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
